﻿
/*图片特效*/
.piccontext{width:960px;border:1px solid #e4e4e4;margin:12px auto 0px;background:white;overflow:hidden;}
.piccontext h2{width:950px;height:46px;line-height:46px;overflow:hidden;font-size:20px;color:#2c2c2c;margin-top:18px;margin-left:25px;font-weight:normal;}
/*大图展示*/
.picshow{width:950px;margin-top:20px;margin-left:15px;overflow:hidden;}
.picshowtop{width:950px;text-align:center;position:relative;z-index:1;overflow:hidden;}
#pic1{max-width:950px;}
#preArrow{left:0px;}
#nextArrow{right:0px;}
.contextDiv{cursor:pointer;height:100%;width:50%;position:absolute;top:0px;z-index:5;background:url("blank") repeat;}
.contextDiv span{position:absolute;top:50%;margin-top:-10%;width:46px;height:80px;}
#preArrow_A{left:0px;background:url('../images/left.png') 0px 0px no-repeat;display:none;}
#nextArrow_A{right:0px;background:url('../images/right.png') 0px 0px no-repeat;display:none;}
.picshowtxt{width:950px;min-height:40px;_height:40px;margin-top:20px;}
.picshowtxt_left{float:left;width:50px; height:50px; line-height:30px; font-family:Georgia, "Times New Roman", Times, serif;}
.picshowtxt_left span{color:#e55656;font-size:30px;}
.picshowtxt_left i{color:#666666;font-size:20px;}
.picshowtxt_right{float:left;margin-left:10px;display:inline;line-height:23px;color:#666666;font-size:14px;width:880px; font-family:"宋体";}
.picshowlist{width:950px;margin-top:20px;padding-bottom:20px;overflow:hidden;}
.picshowlist_mid{float:left;width:920px;display:inline;overflow:hidden;height:76px;}
.picmidleft{float:left;width:24px;height:76px;overflow:hidden;}
.picmidleft a{display:block;width:24px;height:76px;}
.picmidmid{float:left;width:870px;overflow:hidden;height:76px;padding-left:2px;}
.picmidmid ul{width:865px;overflow:hidden;position:relative;height:76px;}
.picmidmid ul li{float:left;margin-left:6px;display:inline;width:116px;text-align:center;overflow:hidden;position:relative;height:76px;}
.picmidmid ul li img{max-width:106px;height:76px;}
.selectpic{border:5px solid #43b1e8;height:76px !important;}
.picmidright{float:left;width:24px;height:76px;overflow:hidden;}
.picmidright a{display:block;width:24px;height:76px;}
/*弹出层*/
.bodymodal{width:100%;height:100%;overflow:hidden;background:#000;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5; opacity: 0.5;z-index:1100;position:fixed;top:0px;left:0px;display:none;}
.firsttop_left{width:200px;overflow:hidden;float:left;}
.firsttop_right{float:left;width:360px;overflow:hidden;}
.close2{height:17px;}
.close2 a{background:url('../images/close.jpg') 0px 0px no-repeat;width:15px;height:15px;display:block;float:right;}
.replay{height:24px;margin-top:20px;overflow:hidden;}
.replay h2{float:left;font-size:16px;}
.replay p{float:left;margin-left:15px;display:inline;line-height:24px;padding-right:25px;background:url('../images/replay.png') right no-repeat;}
.replay p a{color:white;font-size:14px;}
.replay p a:hover{color:#FF702D;text-decoration:underline;}
.firsttop{width:600px;padding:20px;background:#1C1C1C;position:fixed;top:170px;left:0px;z-index:1200;color:White;display:none;}
.endtop{width:600px;padding:20px;background:#1C1C1C;position:fixed;top:170px;left:0px;z-index:1200;color:White;display:none;}

@media (max-width: 980px)
{
    .piccontext{ width:100%;}
    .picshow{ width:100%; margin-left:0;}
    .picshowtop{ width:95%; margin-left:auto; margin-right:auto;}
    .picshowtxt{ width:100%; margin-left:15px;}
    .picshowlist{ width:98%;margin-left:auto; margin-right:auto;}
    .picshowlist_mid{ width:100%;}
    .picmidmid{ width:93%;}
    .picmidmid ul{ width:100%;}
    .picmidmid ul li{ width:13.2%;}
    .picmidmid ul li img{ width:100%}
    #pic1{ width:100%}
    .picshowtxt_right{ width:90%;}
}
@media (max-width: 731px)/*5*/
{
    .picmidmid{ width:90%;}
    .picmidmid ul li{ width:18.5%;}
    .picshowtxt_right{ width:85%;}
}
@media (max-width:560px)/*5*/
{
    .endtop,.firsttop{ width:100%;}
  .firsttop_left{ width:30%;}
    .firsttop_right{ width:70%;}
}
@media (max-width: 521px)/*3*/
{
    .picmidmid{ width:84%; height:60px;}
   .picmidmid ul,.picmidmid ul li,.selectpic,.picmidleft,.picmidleft a,.picmidleft a img, .picmidright,.picmidright a,.picmidright a img{ height:60px !important;}
   .picmidmid ul{}
    .picmidmid ul li{ width:31%;}
}
@media (max-width: 430px)/*3*/
{
    .picshowtxt_right{ width:80%;}
}
@media (max-width: 341px)/*3*/
{
    .picmidmid{ width:80%;}
    .picmidmid ul li{ width:30%;}
}