.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:800px;text-align:left;margin:0 auto;padding:0;}

.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; border:1px solid #fff;}
#bigPicBox{zoom:1;position:relative;}
#bigPic{text-align:center;overflow-x:hidden;min-height:300px;_height:300px;padding-top: 30px;}
#bigPic img{display: block;}
#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(/images/arr_left.cur),auto;}
.arrRight{cursor:url(/images/arr_right.cur),auto;}

.loading{background:url(/images/loader.gif) no-repeat center center;}
#desc{padding:20px 20px;}
#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:117px;overflow:hidden;border-top:1px solid #e5e6e6;background:url(/images/e_m_05.gif) repeat-x 0 0;}
#preGroup{float:left;padding:11px 0 0 14px;width:80px;}
#prePic,#nextPic{padding:9px 0 0 11px;width:99px;height:72px;background: url(/images/e_m_01.png) no-repeat 0 -350px;}
#prePic a, #nextPic a{display:block; margin: 14px 0 0 -4px;text-align:center;}
#prePic img, #nextPic img{border:1px solid #b4b4b4;}
#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;background:url(/images/e_m_01.png) no-repeat -125px -350px; behavior: url("style/iepngfix.htc");}
#nextPic:hover{background-position:-375px -350px;}

#prevBtn{width:42px; display: none; height:117px;float:left;background:url(/images/e_m_01.png) no-repeat -100px -200px; behavior: url("style/iepngfix.htc");}
#prevBtn:hover{background-position:-200px -200px;}
#nextBtn{width:42px; display: none;height:117px;float:left;background:url(/images/e_m_01.png) no-repeat -150px -200px; behavior: url("style/iepngfix.htc");}
#nextBtn:hover{background-position:-250px -200px;}

.slider{padding-top: 15px; overflow:hidden; height:110px}
.slider ul{margin: 10px 0; width:1000px;}
.slider li{ display:block; padding: 5px 10px;}
.slider li img{margin-bottom: 20px;}
.slider li .desc{display:none;}
.slider li.current{padding:5px 10px;}
.slider li.current img{border: 2px solid #2c8c23; }
.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:50%;left:50%; position:absolute; height: 300px;width: 450px; margin:-150px 0 0 -225px; 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 (min-width: 640px) {
	.m-gallery{
		display: none;
	}
}
@media only screen and (max-width: 640px) {
	#gallery{
		display: none;
	}
	.m-gallery{
		width: 100%;
		overflow: hidden;
	}
	.m-gallery img{
		display: block;
		width: 100%;
		margin-top: 15px;
	}
}