﻿@charset "utf-8";
.jqzoom { float: left; position: relative; padding: 0px; cursor: pointer; }
div.zoomdiv { z-index : 100; position : absolute; top: 0px; left: 0px; width : 200px; height : 200px; background: #fff; display: none; text-align: center; overflow: hidden; border: 1px solid #CCCCCC; }
div.jqZoomPup { z-index : 10; visibility : hidden; position : absolute; top: 0px; left: 0px; width : 50px; height : 50px; background: #fff 50% top no-repeat; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(Opacity=50); border: 1px solid #0045a1; }
/*** Sta Pro_info ***/
.bigImg { width:100%; text-align: center; vertical-align: middle; overflow: hidden; 
border: 1px solid #0045a1;}
.smallImg { margin-top: 12px;}
#leftNav { float: left; cursor: pointer; margin-bottom: 0; margin-left: 0px; margin-right: 7px; padding-top:6%; }
#Cont_1 { float: left; width: 83%; overflow: hidden;}
#Cont_1 li { float: left; width: 31.3%;line-height:0px; text-align: center; cursor: pointer; margin-top: 0; margin-left: 1%;margin-right: 1%; margin-bottom: 0;border: 1px solid #0045a1; }

#Cont_1 li img { width: 100%; }
#rightNav { float: left; cursor: pointer; margin-right: 0px; margin-bottom: 0; margin-left: 3px; padding-top:6%; }
.simple_slider_disabled { opacity: 0.6; filter: alpha(opacity=30); zoom: 1; }
.pro_info .r .head { font-size: 14px; font-weight: bold; color: #555; padding: 10px 0 5px;  }
.pro_info .r .body { color: #555; line-height: 25px; padding: 10px; }

@media (max-width:1400px){
#Cont_1{ width:84%;}
#rightNav{ width:30px;}
#leftNav {width:30px;}
#leftNav img{}
	}
@media (max-width:1280px){	
#Cont_1{ width:80%;}
}

@media (max-width:1200px){	
#Cont_1{ width:77%;}
#rightNav{ padding-top:5%;}
#leftNav {padding-top:5%;}
	}
@media (max-width:1024px){
#Cont_1{ width:75%;}
	}