.clearit{clear:both;font-size:0;line-height:0;height:0;}
.clearfix:after{content:'.';display:block;height:0;clear:both;visibility: hidden;}/*2010/12/2*/
.clearfix{*zoom:1;}/*2010/12/2*/


#gallery{width:788px;text-align:left;margin:0 auto;padding:0 0;}

.eTitle{padding:0;}
.eTitle .h1title{font:14px/30px; font-weight:bold; text-align:center; margin:0; color:#555;}
.eTitle #total{padding:0;}
#percent{ font-size:14px; padding:0; font-weight:normal;}
.eTitle .tRed{color:#900;}

#eFramePic{clear:both;position:relative;zoom:1;}
#bigPicBox{zoom:1;position:relative;}
#bigPic{text-align:center;overflow-x:hidden;min-height:300px;_height:300px;padding-top: 0;}
#bigPic img{
  width: 100%;
  height: 450px;
}
#bigPic .loading{position:absolute;top:200px;width: 100%;z-index: 30; display:none;}

#prev{width:50%;height:100%; display: none; position:absolute;left:0;top:0;z-index:9;background:#fff;opacity:0;filter:Alpha(Opacity=0);}
#next{width:50%;height:100%; display: none;position:absolute;right:0;top:0;z-index:9;background:#fff;opacity:0;filter:Alpha(Opacity=0);}
#desc{padding:20px 20px; display: none;}
#picTitle{font-size:18px;}
#picTime{color:#ccc;line-height:24px;padding:5px 0; text-align:right; margin:10px 30px}
#picIntro{color:#666;margin:0 auto;text-indent:2em;line-height:23px; text-align:center}

#picList{height:159px;overflow:hidden;
  /* display: none; */
}
#preGroup{float:left;padding:11px 0 0 14px;width:80px;display: none;}
#prePic,#nextPic{padding:9px 0 0 11px;width:99px;height:72px;}
#prePic a, #nextPic a{display:block; margin: 14px 0 0 -4px;text-align:center;}
#prePic img, #nextPic img{}
#preTxt, #nextTxt{width:91px;text-align:center;padding:3px 0 0 11px;}
#prePic:hover{background-position:-250px -350px;}
#prePic.selected img, #nextPic.selected img{border-color:#ff9845;}
#nextGroup{float:left;padding:11px 0 0 20px;}
#nextPic{padding:9px 0 0 5px;width:105px;height:72px; }
#nextPic:hover{background-position:-375px -350px;}

#prevBtn{width:42px;height:117px;float:left;
  display: none;
}
#prevBtn:hover{background-position:-200px -200px;}
#nextBtn{width:42px;height:117px;float:left;}
#nextBtn:hover{background-position:-250px -200px;}

.slider{width:873px; background:#000;float:left;overflow:hidden; height:158px}
.slider ul{margin: 0; background: #fff;}
.slider li{ display:block;}
.slider li .desc{display:none;}
.slider li.current{padding:0;}
.slider li.current img{}
.slider .pic,.slider .picOn{float:left;text-align:center;padding:0;}
.slider .picCont{height:159px;}
.slider .pic img{}
.pb_01,.pb_03,.pb_06,.pb_08{height:4px;width:4px;}
.picOn img{border-color:#ffb96c;}
.picOn .pb_02,.picOn .pb_04,.picOn .pb_05,.picOn .pb_07{background:#ff8c00;}

/* relation */
#relation{ display:none; top:65px;left:120px;position:absolute; height: 300px;width: 450px;border:1px solid #8a8a8a;z-index:20;}
#relation a{color:#FFF;}
#relation .bg{height:100%;width:100%;background:#000;filter:Alpha(Opacity=50);opacity:0.5;}
#relation .con{position:absolute;top:10px;left:26px;color:#fff;font-size:14px; padding:0;}
#relation .con p{padding:4px 0;zoom:1;overflow:hidden;text-align: center; text-indent:0;}
#relation .close{ no-repeat -133px 0px;position:absolute;top:3px;right:3px;cursor:pointer;width:11px;height:11px;overflow:hidden;z-index:2; }
#relation .picbox{margin:0 0 10px;}
#relation .picLink { float: left;padding-right: 13px;width: 122px;}
#relation .picLink a{text-align:left;}
#relation .picImg img{border: 1px solid #fff;}
#relation .button{ margin: 0 3px; padding: 3px 20px;border: 1px solid #fff; border-radius:5px; text-decoration:none;}
#relation .toolbar{height:30px; maring: 5px ;}


@media (max-width: 765px){
  #bigPic img {
    width: 365px;
    padding-right: 10px;
    margin-left: 0px !important;
    height: 100%;
  }
  
}