@charset "utf-8";

*{margin:0 auto;padding:0;font-size:12px;line-height:22px;color:#666;text-decoration: none;text-align: center;transition: 0.5s;border-radius: 12px;}
body{background:url(../img/body_bg.jpg);}
.float{float:left;}
.clear{clear:both;line-height:0;}
.fr{float:right;}
#nav{background:url(../img/pic_repeat_x.png) repeat-x;padding:0 0 4px 0;}
#nav ul li{float:left;display:inline;}
#nav ul li a{_float:left;display:block;text-align:center;width:83px;font-size:14px;color:#000;line-height:50px;font-family:"微软雅黑",Arial;text-decoration:none;background:url(../img/pic_ilike.png) no-repeat -200px 0;}
#nav ul li a.link,#nav ul li a:hover{background-position:-92px 0;}
#nav ul li a.hover{background-position:12px 0;}
#nav ul li span{_float:left;display:block;text-align:center;width:83px;font-size: 15px;color: #ff7ec0;line-height:50px;font-family:"微软雅黑",Arial;text-decoration:none;font-weight: bold;margin-right: 20px;}
#main{width: 1000px;margin:auto;display: inline-block;}

#main ul{*overflow:hidden;_height:1%;}

#main ul li{border:1px solid #CCC;border-bottom:2px solid #CCC;border-top:1px solid #DBDBDB;float:left;display:inline;list-style:none;margin:6px 0;background:#FFF;width: 190px;}
#main ul li.hover{border:1px solid #ff7ec0;border-bottom:2px solid #ff7ec0;}
#main ul li img{width: 170px;display:block;border-radius: 10px;}
#main ul li img.hover{filter:Alpha(opacity=90);-moz-opacity:.9;opacity:0.9;}
#main ul li h3,#main ul li p{padding:0 10px 0 10px;font-weight:normal;}
#main ul li p{background:#F3F0FF;line-height:30px;}
#main ul li:hover p{color:#404040;line-height:30px;}

.img_block{position:relative;padding:10px;}

.zoom,.ilike{position:absolute;line-height:25px;padding:0 0 2px 18px;text-align:center;top:14px;display:block;text-decoration:none;background:url(../img/pic_ilike.png) no-repeat -200px 0;}
.zoom{left:14px;width:42px;background-position:0 -71px;}
.zoom:hover{background-position:0 -99px;}
.ilike{right:14px;width:57px;background-position:0 -140px;}
.ilike:hover{background-position:0 -167px;}

.iNum,.iNum a{background:url(../img/pic_ilike.png) no-repeat 0 -528px;padding:0 0 6px 28px;line-height:11px;}
.iNum{background-position:12px -522px;}
.iNum a{background-position:12px -550px;text-decoration:none;}

.loading{text-align:center;padding:30px 0;}

.bottom{height:auto;overflow:hidden;text-align:center;background: #fff;border-top: 2px solid #ccc;}
.bottom ul{line-height:40px;}
.gotop{height: 56px;width: 56px;background: url(../img/pic_ilike.png) 0px -204px no-repeat;position: fixed;right: 10px;display: none;bottom: 50px;}
.gotop:hover{background: url(../img/pic_ilike.png) 0px -261px no-repeat;}
.gotop a{display:block;width:100%;height:100%}

.page{width: 500px;height: auto;overflow: hidden;padding-bottom: 5px;margin: 10px auto;}
.page a{width: auto;height: 35px;line-height: 35px;margin: 5px 5px 0 0;float: left;font-size: 12px;background: #e2e2e2;display:block;color: #554545;padding: 0 30px;border-radius: 5px;text-align: center;}
.page a:hover{background: #ff6599;color: #fff;}
.page .pmm{height: 35px;width: 35px;font-size: 19px;padding: 0;line-height: 38px;}
.page span{width: auto;height: 35px;line-height: 35px;border-radius: 5px;padding: 0 20px;margin: 5px 5px 0 0;float: right;font-size: 12px;background: #eaeaea;display: block;color: #808080;}
.page span:hover{background: #f1f1f1;color:#000}
.page a.curs{padding:0;background: #ff6599;color: #fff;width: 35px;}
.page .leftx{float:left;}
.page .rishtx{float:right;}

.show{background:#fff;width: 740px;margin: 10px 0;overflow: hidden;float: left;padding-top: 20px;}
.show .tits{height: 40px;line-height: 40px;display:block;}
.show .tits h1 {text-align:left;padding-left: 20px;}
.show .tits h1 a{font-size: 20px;text-align:left;line-height: 17px;color: #ff6599;}
.show .picshow{font-size: 16px;color:#004276;width: 640px;overflow:hidden;line-height:200%;text-align:justify;text-justify:kashida;border-bottom:none;direction: rtl;padding-bottom: 20px;text-align: center;}
.show .picshow img{margin: 0 auto;padding:2px;border:1px solid #ccccff;max-width: 634px;vertical-align:middle;myimg: expression(onload=function() {this.style.width=(this.offsetWidth > 670)?"670px":"auto";})}
.show .tits h1 span{float:right;color:#999;line-height: 28px;margin-right: 10px;}

#main .showpc{width:250px;float:right;background: #fff;margin-top: 10px;}
#main .showpc ul li{float:left}
#main .showpc ul li img{width:100%;height:100%;}
#main .showpc ul li.hv1{width: 123px;margin-left: 5px;margin-right: 5px;height: 100px;}
#main .showpc ul li.hv2{width: 50px;height: 50px;margin-right: 5px;}
#main .showpc ul li.hv3{width: 50px;height: 50px;}
#main .showpc ul li.hv4{width:30px;margin-right: 5px;height: 35px;}
#main .showpc ul li.hv5{width: 33px;margin-right: 5px;height: 35px;}
#main .showpc ul li.hv6{width:30px;height: 35px;}
#main .showpc ul li.hv7{margin-left: 5px;width: 70px;margin-right: 5px;height: 80px;}
#main .showpc ul li.hv8{width: 83px;margin-right: 5px;height: 80px;}
#main .showpc ul li.hv9{width: 70px;margin-right: 5px;height: 80px;}
#main .showpc ul li.hv10{margin-left: 5px;width: 237px;margin-right: 5px;height: 150px;margin-top: 0;}
@media (max-width: 670px) and (min-width: 290px) {
  
#nav{background:url(../img/pic_repeat_x.png) repeat-x;padding:0 0 4px 0;}
#nav ul li{float:left;display:inline;background: #fff;width: 25%;}
#nav ul .logo{display:inline;width:100%;text-align:center;background: none;margin-bottom: 1px;}
#nav ul li a{_float:left;display:block;text-align:center;float: left;width: 100%;color: #6f6f6f;line-height:50px;font-family:"微软雅黑",Arial;text-decoration:none;background:url(../img/pic_ilike.png) no-repeat -200px 0;font-size: 12px;}
#nav ul li a.link,#nav ul li a:hover{background-position:-92px 0;}
#nav ul li a.hover{background-position:12px 0;}
#nav ul li span{_float:left;display:block;text-align:center;width:83px;font-size: 15px;color: #ff7ec0;line-height:50px;font-family:"微软雅黑",Arial;text-decoration:none;font-weight: bold;margin-right: 20px;}
#nav ul .logo span{display:block;text-align:center;width: 100%;font-size: 15px;color: #ff7ec0;line-height:50px;font-family:"微软雅黑",Arial;text-decoration:none;font-weight: bold;margin-right: 20px;}
#main{width: 100%;margin:auto;}

#main ul{*overflow:hidden;_height:1%;}

#main ul li{float:left;display:inline;list-style:none;margin:6px 0;background:#FFF;width: 100%;border: 0;}
#main ul li.hover{border:1px solid #ff7ec0;border-bottom:2px solid #ff7ec0;}
#main ul li img{width: 100%;display:block;height: 100%;}
#main ul li img.hover{filter:Alpha(opacity=90);-moz-opacity:.9;opacity:0.9;}
#main ul li h3,#main ul li p{padding:0 10px 0 10px;font-weight:normal;}
#main ul li p{background:#F3F0FF;line-height:30px;}
#main ul li:hover p{color:#404040;line-height:30px;}
.page{width: 98%;height: auto;overflow: hidden;padding-bottom: 5px;margin: 10px auto;}
.page a{width: auto;height: 25px;line-height: 25px;float: right;font-size: 12px;border-radius: 0;float: left;margin: 0;margin-right: -1px;background: #03a9f4;border: 1px solid #03a9f4;display:block;color: #ffffff;padding: 0 7px;}
.page a:hover{background: #03a9f4;color: #fff;}
.page .pmm{text-align: center;height: 25px;width: 25px;padding: 0;line-height: 27px;background: #fff;color: #03a9f4;}
.page span{width: auto;height: 25px;line-height: 25px;padding: 0 5px;border: 1px solid #03a9f4;float: right;font-size: 12px;background: #03a9f4;display: block;border-radius: 0;color: #ffffff;margin: 0;}
.page a.curs{padding:0;background: #03a9f4;color: #fff;width: 25px;}
.page .leftx{float: left;}
.page .rishtx{float: left;}


.show{background:#fff;width: 100%;margin: 10px 0;overflow: hidden;float: left;padding-top: 20px;}
.show .tits{height: 40px;line-height: 40px;display:block;}
.show .tits h1 {text-align:left;padding-left: 20px;}
.show .tits h1 a{font-size: 20px;text-align:left;line-height: 17px;color: #ff6599;}
.show .picshow{font-size: 16px;color:#004276;width: 98%;overflow:hidden;line-height:200%;text-align:justify;text-justify:kashida;border-bottom:none;direction: rtl;padding-bottom: 20px;text-align: center;}
.show .picshow img{margin: 0 auto;padding:2px;border:1px solid #ccccff;max-width: 98%;vertical-align:middle;myimg: expression(onload=function() {this.style.width=(this.offsetWidth > 670)?"670px":"auto";})}
.show .tits h1 span{float:right;color:#999;line-height: 28px;margin-right: 10px;}
#main .showpc{display:none;}
.fr{display:none}
}