.clearleft{clear:left;}
.clearright{clear:right}
.clear{clear:both;}


.detail_context_pic ul,li{ margin:0px; padding:0px;}
.detail_context_pic{width:680px;overflow:hidden;margin:20px auto;}
.detail_context_pic_top{width:680px;overflow:hidden;text-align:center;position:relative;z-index:0;}
.detail_context_pic_bot{width:680px;height:107px;overflow:hidden;margin-top:20px;}
.detail_context_pic_bot img:hover{background: white;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8; opacity: 0.8;}
.detail_picbot_left{float:left;width:30px;height:107px;overflow:hidden;}
.detail_picbot_left a{display:block;width:30px;height:107px;}
.detail_picbot_mid{float:left;width:680px;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;height:90px;overflow:hidden;padding-top:15px;padding-bottom:13px;}
.detail_picbot_mid ul{height:90px;width:620px;overflow:hidden;position:relative;}
.detail_picbot_mid ul li{float:left;height:90px;margin-left:25px;display:inline;width:94px;text-align:center;overflow:hidden;position:relative;}
.detail_picbot_mid ul li img{height:86px;max-width:86px;}
#pic1{max-width:680px;}
.selectpic{border:2px solid #999;}



@media only screen and ( max-width: 767px ) 
{   
.detail_context_pic{width:100%;overflow:hidden;margin:20px auto;}
.detail_context_pic_top{width:100%;overflow:hidden;text-align:center;position:relative;z-index:0;}
.detail_context_pic_bot{width:100%;height:107px;overflow:hidden;margin-top:20px;}
.detail_picbot_mid ul li{float:left;height:90px;margin-left:14px;display:inline;width:94px;text-align:center;overflow:hidden;position:relative;}
#pic1{max-width:100%;}
}