www.gusucode.com > 大气广告设计类企业公司网站织梦模板源码程序 > 大气广告设计类企业公司网站织梦模板/templets/pinmoban/imgstyle/photo_browse_2.css

    /* dede58.com 做最好的织梦模板 */
DIV {
	OVERFLOW: visible
}
.ofh {
	OVERFLOW: hidden
}
.pr {
	POSITION: relative
}
.pa {
	POSITION: absolute
}
HTML {
	HEIGHT: 100%
}
BODY {
	HEIGHT: 100%
}
BODY {
	BACKGROUND: url(tuku_bott_bg.jpg) #000 repeat-x left 57px
}
LI {
	LIST-STYLE-TYPE: none
}
.w980 {
	BACKGROUND: none transparent scroll repeat 0% 0%
}
.topbar {
	PADDING-RIGHT: 15px;
	PADDING-LEFT: 15px;
	PADDING-BOTTOM: 0px;
	LINE-HEIGHT: 57px;
	PADDING-TOP: 0px;
	HEIGHT: 57px
}
.topbar .fl {
	COLOR: #ffffff
}
.topbar .fl A {
	COLOR: #ffffff
}
.topbar .fr {
	COLOR: #999999
}
.topbar .fr A {
	COLOR: #999999
}
.topbar .fl A {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px
}
.topbar .fr A {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px
}
.topbar .logo {
	MARGIN-RIGHT: 15px
}
.clearFix {
	CLEAR: both;
	FONT-SIZE: 0px;
	LINE-HEIGHT: 0;
	HEIGHT: 0px
}
.aili_footer {
	BACKGROUND: none transparent scroll repeat 0% 0%
}
.aili_footer A:hover {
	COLOR: #fff
}
.top_info .config .fr {
	COLOR: #999
}
.top_info .config .fr A {
	COLOR: #999
}
.show_img {
	COLOR: #999
}
.show_img .timeinfo A {
	COLOR: #999
}
.content {
	MARGIN: 0px auto;
	OVERFLOW: hidden;
	WIDTH: 980px
}
.top_info {
	HEIGHT: 122px
}
.top_info .h2 {
	FONT-WEIGHT: normal;
	FONT-SIZE: 22px;
	COLOR: #ffffff;
	LINE-HEIGHT: 86px;
	FONT-FAMILY: "微软雅黑";
	HEIGHT: 86px;
	TEXT-ALIGN: center
}
.top_info .config {
	Z-INDEX: 10;
	HEIGHT: 35px
}
.top_info .config SPAN {
	COLOR: #666666
}
.img_function {
	WIDTH: 470px;
	HEIGHT: 14px
}
.img_function LI {
	FONT-SIZE: 12px;
	FLOAT: left;
	LINE-HEIGHT: 14px;
	HEIGHT: 14px
}
.img_function .btn {
	BACKGROUND-POSITION: left top;
	PADDING-LEFT: 20px;
	BACKGROUND-IMAGE: url(icon.png);
	MARGIN-LEFT: 10px;
	CURSOR: pointer;
	MARGIN-RIGHT: 25px;
	BACKGROUND-REPEAT: no-repeat
}
.img_function .autoplay {
	BACKGROUND-POSITION: -3px -361px
}
.img_function .full {
	BACKGROUND-POSITION: -3px -21px
}
.img_function .list {
	BACKGROUND-POSITION: -3px -38px
}
.img_function .source {
	BACKGROUND-POSITION: -3px -54px
}
.img_function .share {
	PADDING-LEFT: 0px;
	BACKGROUND: none transparent scroll repeat 0% 0%;
	MARGIN-LEFT: 10px;
	CURSOR: pointer;
	MARGIN-RIGHT: 25px
}
.img_function .show {
	BACKGROUND-POSITION: -3px -344px
}
.img_function .stop {
	BACKGROUND-POSITION: -3px -5px
}
.top_info .config .img_function SPAN {
	COLOR: #999999
}
.shareURL {
	DISPLAY: none;
	PADDING-LEFT: 25px;
	Z-INDEX: 150;
	RIGHT: 0px;
	BACKGROUND: url(share-bg.png) no-repeat left top;
	WIDTH: 55px;
	PADDING-TOP: 6px;
	TOP: 25px;
	HEIGHT: 84px
}
.shareURL UL {
}
.shareURL LI {
	LINE-HEIGHT: 28px
}
.shareURL A {
	COLOR: #ff9900
}
.share #ckepop .separator {
	MARGIN: 0px;
	LINE-HEIGHT: 14px;
	HEIGHT: 14px
}
.share #ckepop .jiathis_separator {
	MARGIN: 0px;
	LINE-HEIGHT: 14px;
	HEIGHT: 14px
}
.share #ckepop .jtico_jiathis {
	BACKGROUND: url(icon.png) no-repeat -3px -71px;
	WIDTH: 25px;
	HEIGHT: 14px
}
.share #ckepop .jtico {
}
.show_img {
	Z-INDEX: 5;
	OVERFLOW: hidden;
	HEIGHT: auto
}
.show_img .lImg {
	OVERFLOW: hidden;
	WIDTH: 720px;
	HEIGHT: 600px;
	TEXT-ALIGN: center
}
.pro_pic {
	MARGIN-TOP: -51px;
	Z-INDEX: 100;
	WIDTH: 102px;
	CURSOR: pointer;
	POSITION: absolute;
	TOP: 50%;
	HEIGHT: 102px
}
.next_pic {
	MARGIN-TOP: -51px;
	Z-INDEX: 100;
	WIDTH: 102px;
	CURSOR: pointer;
	POSITION: absolute;
	TOP: 50%;
	HEIGHT: 102px
}
.page_left {
	DISPLAY: none;
	Z-INDEX: 101;
	WIDTH: 490px;
	CURSOR: pointer;
	TOP: 0px
}
.page_right {
	DISPLAY: none;
	Z-INDEX: 101;
	WIDTH: 490px;
	CURSOR: pointer;
	TOP: 0px
}
.condtype .page_left {
	WIDTH: 360px
}
.condtype .page_right {
	WIDTH: 360px
}
.page_left {
	LEFT: 0px
}
.page_right {
	RIGHT: 0px
}
#showBigPic {
	Z-INDEX: 10;
	MIN-HEIGHT: 200px;
	TEXT-ALIGN: center
}
#mouseOverleft {
	WIDTH: 490px;
	TOP: 0px
}
#mouseOverright {
	WIDTH: 490px;
	TOP: 0px
}
#mouseOverleft {
	LEFT: 0px
}
#mouseOverright {
	RIGHT: 0px
}
#mouseOverleft .mouse-bg {
	Z-INDEX: 100;
	BACKGROUND: #fff;
	FILTER: alpha(opacity=0);
	WIDTH: 100%;
	CURSOR: pointer;
	HEIGHT: 100%;
	opacity: 0
}
#mouseOverright .mouse-bg {
	Z-INDEX: 100;
	BACKGROUND: #fff;
	FILTER: alpha(opacity=0);
	WIDTH: 100%;
	CURSOR: pointer;
	HEIGHT: 100%;
	opacity: 0
}
#mouseOverleft .mouse-bg {
	LEFT: 0px
}
#mouseOverright .mouse-bg {
	RIGHT: 0px
}
.condtype #mouseOverleft {
	WIDTH: 360px
}
.condtype #mouseOverright {
	WIDTH: 360px
}
.condtype #showBigPic {
	OVERFLOW: hidden
}
.pro_pic {
	BACKGROUND: url(picLeft.png) no-repeat left top;
	LEFT: 30px
}
.next_pic {
	RIGHT: 30px;
	BACKGROUND: url(picRight.png) no-repeat left top
}
#loadingPic {
	DISPLAY: none;
	Z-INDEX: 50;
	BACKGROUND: url(loading2.gif) #000 no-repeat center center;
	LEFT: 0px;
	WIDTH: 980px;
	POSITION: absolute;
	TOP: 0px;
	HEIGHT: 650px
}
.condtype #loadingPic {
	DISPLAY: none;
	Z-INDEX: 50;
	BACKGROUND: url(loading.gif) #2f2f2f no-repeat center center;
	LEFT: 0px;
	WIDTH: 720px;
	POSITION: absolute;
	TOP: 0px;
	HEIGHT: 100%
}
.show_img {
	WIDTH: 980px;
	TEXT-ALIGN: center
}
.img_box {
	Z-INDEX: 6;
	OVERFLOW: hidden;
	HEIGHT: auto
}
.show_img .picinfo {
	PADDING-BOTTOM: 20px;
	OVERFLOW: hidden;
	PADDING-TOP: 10px;
	TEXT-ALIGN: left
}
.show_img .rScrollInfo {
	BORDER-RIGHT: #212121 1px solid;
	BORDER-TOP: #212121 1px solid;
	BORDER-LEFT: #212121 1px solid;
	WIDTH: 248px;
	BORDER-BOTTOM: #212121 1px solid;
	HEIGHT: 598px
}
.show_img .timeinfo {
	BACKGROUND: url(blank_line.jpg) repeat-x left top;
	PADDING-TOP: 10px;
	HEIGHT: 29px
}
.condtype .timeinfo {
	BORDER-TOP-WIDTH: 0px;
	MARGIN-TOP: 18px;
	BORDER-LEFT-WIDTH: 0px;
	BACKGROUND: url(condLi.png) repeat-x left top;
	FLOAT: left;
	BORDER-BOTTOM-WIDTH: 0px;
	WIDTH: 100%;
	BORDER-RIGHT-WIDTH: 0px
}
.condtype {
	HEIGHT: 620px
}
#test_container {
	LEFT: 0px;
	OVERFLOW: hidden;
	WIDTH: 234px;
	POSITION: absolute;
	TOP: 0px;
	HEIGHT: 598px
}
.condtype #bigPicInfo {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	LEFT: 0px;
	PADDING-BOTTOM: 5px;
	PADDING-TOP: 5px;
	POSITION: absolute;
	TOP: 0px;
	TEXT-ALIGN: left
}
.overScroll {
	RIGHT: 0px;
	BACKGROUND: url(bar-bg.png) repeat-y left top;
	BORDER-LEFT: #212121 1px solid;
	WIDTH: 13px;
	HEIGHT: 598px
}
#test_scroll_up {
	BACKGROUND: url(bar_top.png) no-repeat left top;
	LEFT: 0px;
	WIDTH: 13px;
	POSITION: absolute;
	TOP: 0px;
	HEIGHT: 15px
}
#test_scroll_down {
	BACKGROUND: url(bar_bottom.png) no-repeat left top;
	LEFT: 0px;
	WIDTH: 13px;
	BOTTOM: 0px;
	POSITION: absolute;
	HEIGHT: 15px
}
#test_scroll_bar {
	BACKGROUND: url(bar_btn.png) no-repeat left top;
	LEFT: 0px;
	WIDTH: 13px;
	POSITION: absolute;
	TOP: 30px;
	HEIGHT: 42px
}
.pic_list {
	BORDER-RIGHT: #212121 1px solid;
	BORDER-TOP: #212121 1px solid;
	BACKGROUND: #0d0d0d;
	BORDER-LEFT: #212121 1px solid;
	PADDING-TOP: 16px;
	BORDER-BOTTOM: #212121 1px solid;
	HEIGHT: 144px
}
.pic_list .small_pic {
	OVERFLOW: hidden;
	WIDTH: 515px;
	POSITION: relative;
	HEIGHT: 97px
}
.pic_list .bd {
	WIDTH: 585px
}
.pic_list .bd_top {
	OVERFLOW: hidden;
	WIDTH: 585px;
	HEIGHT: 98px
}
.small_pic UL {
	Z-INDEX: 100;
	LEFT: 0px;
	WIDTH: 20000px;
	POSITION: absolute
}
.small_pic LI {
	PADDING-LEFT: 3px;
	FLOAT: left;
	WIDTH: 119px;
	MARGIN-RIGHT: 9px;
	PADDING-TOP: 9px;
	HEIGHT: 88px
}
.small_pic LI.on {
	BACKGROUND: url(icon.png) no-repeat -3px -226px
}
.small_pic LI A {
	DISPLAY: block;
	Z-INDEX: 1;
	WIDTH: 116px;
	POSITION: relative;
	HEIGHT: 86px
}
.small_pic LI A IMG {
	WIDTH: 116px;
	HEIGHT: 86px
}
.small_pic LI SPAN {
	RIGHT: 4px;
	BACKGROUND: #000;
	WIDTH: 33px;
	COLOR: #fff;
	BOTTOM: 2px;
	LINE-HEIGHT: 14px;
	POSITION: absolute;
	HEIGHT: 14px;
	TEXT-ALIGN: center
}
.scroll_line {
	FONT-SIZE: 0px;
	Z-INDEX: 4;
	BACKGROUND: url(icon.png) no-repeat -3px -326px;
	MARGIN: 13px 0px 0px 33px;
	WIDTH: 522px;
	LINE-HEIGHT: 0;
	PADDING-TOP: 2px;
	HEIGHT: 12px
}
.scroll_line .pa {
	Z-INDEX: 150;
	BACKGROUND: url(scrLine.png) no-repeat left top;
	LEFT: 0px;
	WIDTH: 100px;
	CURSOR: e-resize;
	HEIGHT: 10px
}
.pic_list .bd_top .btn {
	BACKGROUND-POSITION: left top;
	MARGIN-TOP: 17px;
	BACKGROUND-IMAGE: url(icon.png);
	WIDTH: 22px;
	BACKGROUND-REPEAT: no-repeat;
	HEIGHT: 67px
}
.pic_list .bd_top .left {
	BACKGROUND-POSITION: -158px -89px;
	MARGIN-RIGHT: 14px
}
.pic_list .bd_top .right {
	BACKGROUND-POSITION: -183px -89px
}
.pic_album {
	PADDING-RIGHT: 18px;
	PADDING-LEFT: 18px;
	BACKGROUND: url(icon.png) no-repeat -3px -89px;
	PADDING-BOTTOM: 0px;
	WIDTH: 116px;
	COLOR: #666;
	PADDING-TOP: 12px;
	HEIGHT: 122px;
	TEXT-ALIGN: center
}
.pic_album IMG {
	DISPLAY: block;
	WIDTH: 116px;
	HEIGHT: 87px
}
.l_album {
	FLOAT: left;
	MARGIN: 0px 15px 0px 15px
}
.r_album {
	FLOAT: right;
	MARGIN: 0px 15px 0px 15px
}
.hr_blank {
	DISPLAY: none;
	FONT-SIZE: 0px;
	BACKGROUND: #333333;
	MARGIN: 0px auto;
	OVERFLOW: hidden;
	WIDTH: 980px;
	LINE-HEIGHT: 0;
	HEIGHT: 1px
}
.img_list {
	BACKGROUND: url(blank_line.jpg) repeat-x left bottom;
	FLOAT: left;
	PADDING-BOTTOM: 50px;
	MARGIN-LEFT: -45px;
	OVERFLOW: hidden;
	WIDTH: 1025px;
	POSITION: relative
}
.img_list LI {
	BORDER-RIGHT: #333 1px solid;
	BORDER-TOP: #333 1px solid;
	DISPLAY: inline;
	BACKGROUND: #0d0d0d;
	FLOAT: left;
	MARGIN: 25px 0px 0px 45px;
	BORDER-LEFT: #333 1px solid;
	WIDTH: 208px;
	PADDING-TOP: 20px;
	BORDER-BOTTOM: #333 1px solid;
	HEIGHT: 153px;
	TEXT-ALIGN: center
}
.img_list A {
	DISPLAY: block;
	COLOR: #999999
}
.img_list A IMG {
	BACKGROUND-POSITION: center center;
	WIDTH: 160px;
	BACKGROUND-REPEAT: no-repeat;
	HEIGHT: 105px
}
.img_list .img {
	MARGIN: 0px auto 5px;
	OVERFLOW: hidden;
	WIDTH: 160px;
	HEIGHT: 120px;
	TEXT-ALIGN: center
}
.red {
	COLOR: #ff2626
}
.next_album {
	PADDING-RIGHT: 22px;
	PADDING-LEFT: 22px;
	Z-INDEX: 500;
	BACKGROUND: url(newxtbg.png) no-repeat left top;
	LEFT: 270px;
	PADDING-BOTTOM: 0px;
	OVERFLOW: hidden;
	WIDTH: 408px;
	PADDING-TOP: 0px;
	TOP: -282px;
	HEIGHT: 282px;
	TEXT-ALIGN: left
}
.next_album .del {
	RIGHT: 9px;
	BACKGROUND: url(icon.png) no-repeat -3px -475px;
	WIDTH: 18px;
	TOP: 9px;
	HEIGHT: 18px
}
.next_album .h3 {
	FONT-WEIGHT: normal;
	FONT-SIZE: 14px;
	COLOR: #fff;
	LINE-HEIGHT: 44px;
	HEIGHT: 44px
}
.next_album .set {
	FONT-SIZE: 14px;
	WIDTH: 330px;
	LINE-HEIGHT: 32px;
	HEIGHT: 32px
}
.next_album .share {
	PADDING-LEFT: 40px;
	COLOR: #fff;
	LINE-HEIGHT: 32px
}
.next_album .replay {
	PADDING-LEFT: 40px;
	COLOR: #fff;
	LINE-HEIGHT: 32px
}
.next_album .share {
	BACKGROUND: url(icon.png) no-repeat -3px -412px;
	WIDTH: 40px;
	HEIGHT: 32px
}
.next_album .replay {
	BACKGROUND: url(icon.png) no-repeat -3px -377px;
	WIDTH: 60px;
	MARGIN-RIGHT: 11px;
	HEIGHT: 32px
}
.next_album .rtitle {
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px;
	BACKGROUND: url(alline.jpg) no-repeat left 14px;
	COLOR: #ccc;
	PADDING-TOP: 28px;
	HEIGHT: 35px;
	TEXT-ALIGN: left
}
.next_album .rtitle A {
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	BACKGROUND: url(icon.png) no-repeat -3px -448px;
	WIDTH: 95px;
	COLOR: #ccc;
	LINE-HEIGHT: 24px;
	HEIGHT: 24px;
	TEXT-ALIGN: center
}
.na_ul {
	FLOAT: left;
	MARGIN-LEFT: -11px;
	WIDTH: 430px
}
.na_ul LI IMG {
	DISPLAY: block
}
.na_ul LI {
	BORDER-RIGHT: #807c7d 1px solid;
	PADDING-RIGHT: 0px;
	BORDER-TOP: #807c7d 1px solid;
	PADDING-LEFT: 3px;
	FLOAT: left;
	PADDING-BOTTOM: 0px;
	MARGIN-LEFT: 11px;
	BORDER-LEFT: #807c7d 1px solid;
	WIDTH: 121px;
	PADDING-TOP: 5px;
	BORDER-BOTTOM: #807c7d 1px solid;
	HEIGHT: 109px;
	TEXT-ALIGN: center
}
.na_ul LI A {
	COLOR: #999
}