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 }