.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:700px; height:565px; overflow: hidden; text-align:left;margin:0 auto;padding:10px; border: 1px solid #dad9d9;}

.eTitle{padding:10px 0 0;}
.eTitle .h1title{font:14px/30px; font-weight:bold; text-align:center; margin-bottom:15px; color:#555;}
.eTitle #total{padding-left:6px;}
#percent{ font-size:14px; padding-left:5px; 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; height: 465px;}
#bigPic .loading{position:absolute;top:200px;width: 100%;z-index: 30; display:none;}

#prev{width:50%;height:100%;position:absolute;left:0;top:0;z-index:9;background:#fff;opacity:0;filter:Alpha(Opacity=0);}
#next{width:50%;height:100%;position:absolute;right:0;top:0;z-index:9;background:#fff;opacity:0;filter:Alpha(Opacity=0);}
.arrLeft{cursor:url(img/arr_left.cur),auto;}
.arrRight{cursor:url(img/arr_right.cur),auto;}


#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:112px;overflow:hidden;}

.slider{width:700px;float:left;overflow:hidden; height:92px; margin-top: 10px;}
.slider ul{width:1000px;}
.slider li{ display:block; padding: 0 4px 0 0;}
.slider li .desc{display:none;}
.slider li img{border: 1px solid #fff;}
.slider li.current{}
.slider li.current img{border: 1px solid #90d2ff;}
.slider .pic,.slider .picOn{width:109px;float:left;text-align:center;padding:8px 0 0;}
.slider .picCont{width:100px;height:100px;}
.slider .pic img{border:1px solid #b4b4b4;}
.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;}
.picOn .pb_01{background:url(../images/e_m_01.png) no-repeat 0 -275px;}
.picOn .pb_03{background:url(../images/e_m_01.png) no-repeat -25px -275px;}
.picOn .pb_06{background:url(../images/e_m_01.png) no-repeat -50px -275px;}
.picOn .pb_08{background:url(../images/e_m_01.png) no-repeat -75px -275px;}

/* 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{background:url(../images/e_m_01.png) no-repeat -133px 0px;position:absolute;top:3px;right:3px;cursor:pointer;width:11px;height:11px;overflow:hidden;z-index:2; behavior: url("style/iepngfix.htc");}
#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 only screen and (max-width: 640px) {
	#gallery{
		display: none;
	}
}