/* CSS Document */

.left-pro{
	width:418px;
	text-align:left;margin:auto;
}
.left-pro .t1{width:100%;float:left; height:120px; overflow:hidden}
.left-pro .t2{width:418px;float:left; margin:auto;border:1px solid #ccc;}
.left-pro .t2 img{text-indent:0; width:418px; height:418px;}
#showArea img{cursor:pointer;display:block;margin-bottom:5px;width:84px;padding:1px;border:1px solid #ccc;height:84px;float:left; margin-left:2px; margin-right:2px; background-color:#FFFFFF}
#main_img{cursor:pointer;display:block}
#gotop{cursor:pointer;display:block;margin-left:3px; float:left; margin-top:35px;}
#gobottom{cursor:pointer;display:block;margin-left:3px; float:right; margin-top:35px;}
#showArea{height:120px;margin:10px;overflow:hidden; width:370px; overflow:hidden; float:left}
#showArea div{ float:left;}
#showArea img.hover{
	border: 1px solid #186C77;
}
/*@media screen and (max-width : 767px){
.left-pro .t2,.left-pro{ width:100%; height:auto; margin:auto; padding:0px;}
.left-pro .t2{ display:none}
#showArea img{ width:auto; max-width:92%; height:auto; float:none; cursor:default; margin:auto; margin-top:5px; margin-bottom:5px;}
#showArea{ height:auto; width:100%;}
.left-pro .t1>img#gotop,.left-pro .t1>img#gobottom{ display:none}
.left-pro .t1{ height:auto;}

}
*/