@charset utf-8;
html{font-family:sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;overflow-y:scroll;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display: block;}
audio,canvas,video{display: inline-block;}
audio:not([controls]){display: none;height: 0;}
[hidden]{display: none;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,select,textarea,th,td,div{margin:0;padding:0;}
body,button,input,select,textarea{font:1rem 'Microsoft Yahei',Arial,Verdana,Helvetica,sans-serif;line-height:1.5;}
h1,h2,h3,h4,h5,h6{font-weight:400;}
address,cite,dfn,em,var,caption,code,dfn,th{font-style:normal;font-weight:400;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
i{font-style:normal;}
ul,ol{list-style:none}
a{text-decoration:none;color:#424242;}
a:hover{text-decoration:underline;color:#404040;}
a:focus{outline:thin dotted;}
a:active,a:hover{outline:0;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
fieldset,img{border:0;}
button,input,select,textarea{font-size:100%;}
table{border-collapse:0;border-spacing:0;border-collapse:collapse;}
q:before,q:after{content:'';}
b,strong{font-weight: bold;}
body{font:0.8rem 'Microsoft Yahei',Arial,Verdana,Helvetica,sans-serif;line-height:1.5;text-align:center;background:#e8ecef;color:#444;word-wrap:break-word;word-break:break-all;word-break:normal;}
textarea{resize:none;}
textarea:focus,input:focus{outline: none;}
.left,.l{float:left}
.right,.r{float:right}
a:hover{ text-decoration:none;}
a:active,a:focus{ outline:none;}
.base_bgcolor{background:#008565}
.rcolor{color:#008565}
.errorcolor{color:#ff0000}

/*web-kit滚动条样式*/
::-webkit-scrollbar {width: 10px;}
/* Track */
::-webkit-scrollbar-track{background:#dcdcdc;}
/* Handle */
::-webkit-scrollbar-thumb{background:#c3c3c3;}
::-webkit-scrollbar-thumb:window-inactive{background:#c3c3c3;}
/*dytfwFnt*/
@font-face {
	font-family: 'dytfwFnt';
	src:url('font/fontawesome.eot');
	src:url('font/fontawesome.eot?#iefix') format('embedded-opentype'),
		url('font/fontawesome.woff') format('woff'),
		url('font/fontawesome.ttf') format('truetype'),
		url('font/fontawesome.svg#fontawesome') format('svg');
	font-weight: normal;
	font-style: normal;
}
.dytfwFnt{font-family:'dytfwFnt';font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;font-size:22px;line-height:1;}
.dytfwFnt b{font-weight:normal;}
.dytfwFnt i{font-style:normal;}
.dytfwFnt a{display:inline-block;}

.clear{clear:both;height:0;line-height:0;overflow:hidden;font-size:0;}
.none{display:none;}
.block{display:block;}
.inlBlk{display:inline-block;}
.clearfix:before,.clearfix:after{content:"";display:table;height:0;font-size:0;line-height:0;visibility:hidden}
.clearfix:after {clear:both}
.clearfix {*zoom:1}
.l{float:left}
.r{float:right}
body{background-color:#070707}

#album_top{position:fixed;left:0; right:0; top:0;z-index:10000}
header{background:#008565;box-shadow:0 1px 2px #888 inset;height:50px;position:relative; z-index:1;margin-bottom:15px;}
header a.back{color:#fff;display:block;height:50px;line-height:50px;width:40px;position:absolute;left:0; z-index:2;}
header a.navBtn{color:#fff;display:block;height:50px;line-height:50px;width:40px;position:absolute;right:0; z-index:2;}
header a.navBtn i.dytfwFnt{line-height:50px;}
header .cent{width:100%;display:block;height:50px; text-align:left;}
header .cent p{display:block;margin:0 78px 0 45px;padding:8px 0 0 0;}

header.detailtop{margin:0;}
header.detailtop .cent p{padding:0;margin:0 45px;}
header.detailtop .cent h2{display:block;width:100%;height:50px;line-height:50px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;color:#fff; text-align:center;font-size:1.2rem;}
header.detailtop .cent p b,header.detailtop .cent h1{display:block;width:100%;height:50px;line-height:50px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;color:#fff; text-align:center;font-size:1.2rem;}
header.detailtop .cent h1{font-weight:bold}
header.detailtop .cent p i.dytfwFnt{font-size:1.6rem; margin-right:5px;}
#totalnumber{font-size:0.9rem}
#infocontent{position:fixed; bottom:52px; right:0px; left:0px; color:#fff; padding:3px 6px; z-index:50000;background-color:rgba(0, 0, 0, 0.5);}
#infocontent h1{float:left;width:100%;font-size:0.9rem;color:#424242;text-align:left}
 
#infocontent .notice{margin-bottom:10px;width:100%;text-align:left;color:#333;clear:both;}
#imgdetail{text-align:left}

.public_bread_normal{height:40px;line-height:40px;padding-right:10px;font-size:13px;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}
.public_bread_link_normal{display:inline-block;padding:0 10px;height:40px;line-height:40px;color:#999}
.public_bread_current_normal{padding-left:10px;color:#333}

.detail{margin:0 10px;}
.imgs{margin:10px}
#album_foot{position:fixed; left:0; right:0; bottom:0; background-color:#2E2E2E; z-index:10000;border:1px #585858 solid;height:50px}
.albnav{border:1px #424242 solid; background-color:#070707; padding:2px 6px 6px 6px ; margin:8px;white-space:nowarp;}
.albnav a{ display: block; float: left; margin-right: 18px; }
a:link.alink, a:visited.alink, a:hover.alink, a:active.alink{color: #008565; text-decoration: none; }
#scroller{position:relative;-webkit-tap-highlight-color:rgba(0,0,0,0); width:462px; padding:0; background: #FFFFFF;margin-top:3px;margin-bottom:3px;height:16px;z-index:50000;background-color:#070707}
#wrapper{position:relative; width:100%; overflow:auto;z-index:10000;}
a.jj-tag {z-index: 3000; top: 0px; left: 0px; position: fixed; width: 18px; height: 28px; }
a.jj-tag.active{ -webkit-animation: spin 900ms 1 linear;animation: spin 900ms 1 linear; -webkit-transform-origin: top center;}
@-webkit-keyframes spin {
    10% { -webkit-transform: rotate(-90deg); }
    20% { -webkit-transform: rotate(0); }
    30% { -webkit-transform: rotate(70deg);}
    40% { -webkit-transform: rotate(0); }
    50% { -webkit-transform: rotate(-50deg); }
    60% { -webkit-transform: rotate(0)}
    70% { -webkit-transform: rotate(30deg)}
    80% { -webkit-transform: rotate(0)}
    90% { -webkit-transform: rotate(-10deg)}
    100% { -webkit-transform: rotate(0);}
}

.piclist{height: auto;overflow: hidden;width: 100%;}
.piclist li{display: inline;float: left; margin: 4px;border-radius:16px;overflow: hidden;max-width:220px;max-height:168px}

.piclist li p{line-height: 18px;height:28px;text-align: center;overflow: hidden;width:220px}
.piclist li p span{color: #666666;font-size: 12px;text-align: center;}
.piclist li p a{border: medium none;color: #666666;font-size: 14px;}
.piclist li p a:hover{border: medium none;color: #008565;}

.public_bread{float:left;margin-top:10px;height:40px;line-height:40px;padding-right:10px;font-size:13px;color:#444;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}
.public_bread_link{display:inline-block;padding:0 10px;height:40px;line-height:40px;color:#444}
.public_bread_current{padding-left:10px;color:#333}


.back:before{content:'\f053';}
.pics:before{content:'\f03e';}

#fenye {clear:both;margin:0 auto;	padding:0;margin-top:10px;}
#fenye span{float:left;margin:5px 0 0 5px;width:19%; line-height:30px;height:30px}
#fenye a{float:left;margin:5px 4px 0 5px;width:14%; text-align:center; color:#008f8d;display:inline-table; border:1px solid #444; text-align:center;height:30px;line-height:30px}
#currpage{font-weight:bold;color:#008565}