/* CSS Document */

.left-pro{
	width:755px;
	text-align:left;

	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 15px; margin:auto;
}
.left-pro .t1{width:100%;float:left; height:90px; overflow:hidden}
.left-pro .t2{width:750px;text-indent:0;float:left; margin:auto;border:1px solid #ccc;}
.left-pro .t2 img{text-indent:0; width:750px; height:500px;}
#showArea img{cursor:pointer;display:block;margin-bottom:5px;width:84px;padding:1px;border:1px solid #ccc;height:67px;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:25px;}
#gobottom{cursor:pointer;display:block;margin-left:3px; float:right; margin-top:25px;}
#showArea{height:72px;margin:10px;overflow:hidden; width:700px; overflow:hidden; float:left}
#showArea div{ float:left;}
@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;}

}