/* CSS Document */


.box{}
.left-pro{ text-align: left; float: left; }
.left-pro .t1{width:100px;float:left}
.left-pro .t2{width:352px;text-indent:0;float:left;padding-left:10px}
.left-pro .t2 img{text-indent:0;}
#showArea img{cursor:pointer;display:block;margin-bottom:5px;width:68px;padding:1px;border:1px solid #ccc;height:68px;float:left}
#main_img{cursor:pointer;display:block}
#gotop{cursor:pointer;display:block;margin-left:9px}
#gobottom{cursor:pointer;display:block;margin-left:9px}
#showArea{height:379px;margin:10px;overflow:hidden}

 
  @media (max-width:1200px){

	.left-pro .t2{width:75%;}}  
	
	
	@media (max-width:1050px){

	.left-pro .t2{width:70%;}}
	
	@media(max-width:500px){
		
	.left-pro{ position:relative;}
.left-pro .t1{ position:absolute;left:0;top:0;z-index:9; background-color:rgba(0,0,0,.5);padding-top:5%;padding-bottom:5%;}
#showArea{height:auto;}
.left-pro .t2{width:100%;padding-left:0;}	
.sho_prod-left{padding:0;}
		}