@charset "utf-8";
/* CSS Document calc */
/* Design For QQ:257654 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote {padding:0; margin:0;} 
input:focus,textarea:focus,button:focus,select:focus{outline:none;} 
h1,h2,h3,h4,h5,h6,h7 {font-weight:normal}
ul,li {list-style-type:none;}
img {border:0px; padding:0; margin:0;}
.footclear {clear:both}

body {font-size:12px; color:#333333; font-family:Microsoft Yahei, Tahoma, simhei}
a {font-size:12px; color:#333333; text-decoration:none; behavior:url("js/onfocus.htc")}
a:visited , a:active {color:#333333;}
a:hover {color:#EC185B; text-decoration:underline}


.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}

/* Hides from IE-mac \*/ 
* html .clearfix{height:1%;}
.clearfix{display:block;}
.clear{clear:both;height:0;font:0/0 Arial;visibility:hidden;}

/* End hide from IE-mac*/ 
.l{float:left;}
.r{float:right;}


.pic-head {width:100%; height:40px; line-height:40px; background:url(../images/album-logo.png) no-repeat 10px #333; border-bottom:5px solid #FFF; position:fixed; top:0; z-index:10000}
.pic-head .head-left {float:left; width:auto; height:40px; margin-left:90px; color:#DDD}
.pic-head .head-left a {color:#DDD}
.pic-head .head-right {float:right; width:auto; height:40px;}
.pic-head .head-right ul li {float:left; width:90px; height:28px; line-height:28px; border-radius:3px; margin:6px}
.pic-head .head-right ul li a {width:60px; height:28px; color:#CCC; display:block; padding-left:30px; text-decoration:none}
.pic-head .head-right ul li a:hover {color:#00CCFF}
.pic-head .head-right span {color:#FF3333}
.pic-head .head-right ul .but01 {background:url(../images/album.png) no-repeat 8px 8px #222}  
.pic-head .head-right ul .but01:hover {background:url(../images/album.png) no-repeat 8px -82px #000}
.pic-head .head-right ul .but02 {background:url(../images/album.png) no-repeat 8px -25px #222}
.pic-head .head-right ul .but02:hover {background:url(../images/album.png) no-repeat 8px -115px #000}
.pic-head .head-right ul .but03 {background:url(../images/album.png) no-repeat 8px -53px #222}
.pic-head .head-right ul .but03:hover {background:url(../images/album.png) no-repeat 8px -143px #000}
.pic-head .head-right ul .but03:hover a {color:#00CCFF; cursor:pointer}
.pic-head .head-right ul .but03 i {float:left; width:90px; height:200px; background:#000; border-radius:3px; display:none; position:absolute}
.pic-head .head-right ul .but03:hover i {display:block; top:28px; padding-top:10px}

.picHeard-title{width:100%; height:60px; line-height:60px; margin:30px auto 0px auto; text-align:center; font-size:26px;}
.picHeard-title font{color:#999;font-size:16px}
.picHeard-title span{color:#666;position:absolute;top:0;font-size:12px}
.picHeard-title a{color:#666}
.picHeard-title a:hover{color:#999}
.picHeard-title span{font-size:12px}
.picHeard-title span a{color:#666;font-size:12px}
.picHeard-title span label{display:inline-block;margin:0 5px}
.spanleftpic{left:30px}
.spanrightpic{right:30px}

.demo{width:1200px; margin:0px auto 80px auto; text-align:center; position:relative; z-index:9}
.demo-text {width:1000px; height:auto; margin:20px auto; text-align:left; font-size:14px}
.demo-text font {font-size:16px; font-weight:bold; color:#FF3333}
.demo-text #viewNum {font-size:24px}

.bottom-lists {width:794px; text-align:center; overflow:hidden}

.maxPicBox{width:800px;height:600px;display:table-cell;vertical-align:middle;margin-left:95px;margin:0 auto}
.minPic{width:714px;height:124px;overflow:hidden;position:relative}
.maxPic{width:800px;margin:0 auto;height:600px}
.maxPic span{width:0;height:100%;display:inline-block;vertical-align:middle}
.maxPic img {display:inline-block;text-align:center;vertical-align:middle; max-height:600px; max-width:800px}

.gallery_demo_unstyled{width:500%;position:absolute;left:0}
.gallery_demo_unstyled li {float:left;display:table-cell;vertical-align:middle;text-align:center;width:110px;height:124px;line-height:120px; cursor:pointer; margin-right:10px}
.gallery_demo_unstyled li span{width:0;height:100%;display:inline-block;vertical-align:middle}
.gallery_demo_unstyled li.actives{background:#00CCFF; border-radius:5px;}
.gallery_demo_unstyled li img{display:inline-block;text-align:center;vertical-align:middle; max-width:100px; max-height:120px}

.Up-tuzu,.Next-tuzu{float:left;width:191px;height:122px;border:1px solid #303030;cursor:pointer;position:relative;overflow:hidden}
.Up-tuzu a,.Next-tuzu a{display:block}

.outpic{width:100px;height:120px;display:table-cell;vertical-align:middle;text-align:center}
.outpic span{width:0;height:100%;display:inline-block;vertical-align:middle}
.outpic img{display:inline-block;text-align:center;vertical-align:middle}
.Up-tuzu a.inpic,.Next-tuzu a.inpic{position:absolute;width:100px;text-align:center;left:0;bottom:5px;color:#fff;text-decoration:none;z-index:9}
.Next-tuzu{margin-left:10px}
.Up-tuzu{margin-right:10px}

.PicBtn-a{width:30px;height:124px;float:left}
.PicBtn-a a{background:url(../images/picbtn.png) no-repeat;display:block;width:30px;height:124px}
.PicBtn-a a.PicBtn-right{background-position:-30px 0}
.PicBtn-a-l{margin-right:10px}
.PicBtn-a-r{margin-left:10px}

#viewNum{font-style:normal}

.indexbody-main{position:relative;z-index:99;width:100%;background:red}
.indexbody-left{width:50%;height:600px;position:absolute;left:0;z-index:99;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;background:#000}
.indexbody-right{width:50%;height:600px;position:absolute;right:0;z-index:99;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;background:#000}
.btn-float{width:1000px;margin:0 auto;position:relative;z-index:999}
.btn-float a{display:block;position:absolute;top:300px;z-index:9999;background:url(../images/maxBtn.png) no-repeat;width:34px;height:52px;margin-top:-26px;cursor:pointer}
.btn-float a.maxBtn-l{left:30px}
.btn-float a.maxBtn-l:hover{background-position:0 -52px;top:300px}
.btn-float a.maxBtn-r{right:30px;background-position:-34px 0}
.btn-float a.maxBtn-r:hover{background-position:-34px -52px;top:300px}

/* 分享按钮 */
#share-but {float:left; width:90px; height:auto; line-height:28px; font-style:normal}
#share-but a {float:left; width:90px; height:28px; line-height:28px; background:url(../images/album.png) no-repeat; margin:5px 0; display:block}
#share-but a:hover {color:#FF3333; opacity:1}
#share-but a.bshare-weixin {background-position:6px -266px}
#share-but a.bshare-sinaminiblog {background-position:6px -236px}
#share-but a.bshare-qqmb {background-position:6px -176px}
#share-but a.bshare-qzone {background-position:6px -206px}
#share-but a.bshare-qqim {background-position:6px -296px}

/* 版权信息 */
#copyright {width:100%; height:auto; margin:0px auto; line-height:25px; padding:20px 0; background:#0074BF; color:#FFFFFF; text-align:center}
#copyright a {color:#FFFFFF}

/* 附加样式 */
#prevUrl , #nextUrl {background: url(../images/noimg.jpg)}
#prevUrl img , #nextUrl img {width:191px; height:122px}tion:6px -236px}
#share-but a.bshare-qqmb {background-position:6px -176px}
#share-but a.bshare-qzone {background-position:6px -206px}
#share-but a.bshare-qqim {background-position:6px -296px}

/* 版权信息 */
#copyright {width:100%; height:auto; margin:0px auto; line-height:25px; padding:20px 0; background:#0074BF; color:#FFFFFF; text-align:center}
#copyright a {color:#FFFFFF}

/* 附加样式 */
#prevUrl , #nextUrl {background: url(../images/noimg.jpg)}
#prevUrl img , #nextUrl img {width:191px; height:122px}
#prevUrl span , #nextUrl span {float:left; width:191px; height:25px; line-height:25px; position:absolute; left:0; bottom:0; background:rgba(0,0,0,.7); color:#FFF; text-align:center}
#hidimg {display:none}