.magnifyarea { /* CSS to add shadow to magnified image. Optional */
	box-shadow: 5px 5px 7px #818181;
	-webkit-box-shadow: 5px 5px 7px #818181;
	-moz-box-shadow: 5px 5px 7px #818181;
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=5, positive=true);
	background: white;
}

.targetarea { /* CSS for container div(s) of the zoomable image */
	width: 336px; /* wide or wider than the widest zoomable image */
	height: 336px; /* high or higher than the tallest zoomable image */
	margin-top:3px;
}

#two { /* Added CSS for second target div of zoomable images */
	height: 243px; /* high or higher than the tallest zoomable image */
}

.targetarea img { /* zoomable image */
	margin: auto; /* for horizontal centering */
	display: block; /* also for horizontal centering */
	position: relative; /* along with on the fly calculations in script, for vertical centering */
	border-width: 0;
}

.thumbs { /* divs holding the trigger links - styles optional, used here to center their links below their respective zoomable image */
	padding-top: 25px;
	width:280px;
	text-align: center;
    position: relative;
	margin-left:20px; overflow:hidden;
}

.thumbs a { /* trigger links on the thumbnail images */
	text-decoration: none; /* avoid underlines of images, text or spaces in these links */
	width:59px;
	height:59px;
	overflow:hidden;
	display:block;
	float:left; line-height:59px; margin:0 5px;
	border:1px solid #ccc
}

.thumbs a.active{border: 1px solid #5eb118;}

.thumbs img { /* trigger images - the thumbnails used to load new zoomable images into the targetarea */
	border-width: 0; /* avoid default borders in some browsers */
    width: 58px;
    height: 58px;
}





#description, #description2 {
	position: absolute; /* required for description folows image bottom (descpos: true) */
	width: 325px; /* should be width of zoomable image container (.targetarea) */
	text-align: center;
	font: bold 95% sans-serif;
	margin-top: 3px; /* when following image bottom, this sets a fixed distance for that */
	color: #222;
	background-color: #fff;
}

/*product_int*/	


.cz_zit{
	font-size:12px;
	color:#666666
}
.cz_bg{
    color: #666;
	font-size:14px;
	margin-top:20px
}
.pro_page_r a.xunjia{
    margin-top:30px;
    width:115px;
    height: 25px;
    background: #000;
    line-height: 25px;
    text-align: center;
    display: block;
    color: #fff;
    border-radius: 2px;
    position: relative;
	font-size:12px;
    margin-left: 20px;
}
.pro_page_r a.xunjia:hover{
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    opacity:0.5;
    -khtml-opacity: 0.5;
}
.pro_page_r h1{
	font-size:18px;
	color:#000;
	height:45px
}
.pro_xingguan{
    margin-top:45px;
}
.pro_xingguan .title{
    height: 30px;
    line-height: 30px;
    font-weight: bold;
    font-size: 14px;
    border-bottom: 1px solid #dcdcdc;
}
.pro_xingguan .cont{
    overflow: hidden;
    margin-top:20px;
    padding-bottom: 25px;
	width: ;
    height:;
}
.pro_xingguan .cont img{
    width: ;
    height:;
    border: 1px solid #dcdcdc;
}
.pro_xingguan .cont a{
    width: 160px;
    height: 210px;
    display: block;
    float: left;
    margin-left:15px; 
    * margin-left: expression(this.previousSibling==null?'0':'15px');
}
.pro_xingguan .cont a p{
    text-align: center;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
	color:#666;
	font-size:12px
}
.pro_xingguan .cont a p:hover{
     color: #5eb118;
}
.pro_xingguan .cont a:first-child{
   margin-left:0
}
.solve_cont_r{
    width: 685px;

}
.solve_int_cont_rc{
	padding-bottom:105px;
	position:relative
}
.cz_j{
    width: 282px;
    overflow: hidden;
    margin-left: 17px;
    position: relative;
	margin-top:13px
}
.cz_jj{
    position: relative;
}
.a_left{
    position: absolute;;
    top: 379px;
    left: 0
}
.a_right{
    position: absolute;;
    top: 379px;
    left: 311px;
}
.solve_int_b p span{
	font-size:12px;
	color:#666;
	}
.solve_int_b p.a a{
	font-size:12px;
	color:#5eb118;
	}
.solve_int_b p.b a{
	font-size:12px;
	color:#666
	}	
.page_a{
	background:#f1f1f1;
	border-bottom:1px dashed #bfbfbf;
	border-top:1px dashed #bfbfbf;
	height:27px;
	text-align:center;
	line-height:27px;
	font-size:12px;
}
.page_a a{
	color:#666666
}
.page_a .a{
    color:#333333;
    padding: 0px 10px;
}
.page_a .a:hover{
   color:#5eb118;
}
.cz_ycfl{
	overflow:hidden;
	margin-top:15px;
	position:relative;
	padding-bottom: 45px;
    border-bottom: 1px solid #d6d6d6;
}
.cz_ycfl span{
	color:#999999;
	font-size:12px;
	height:32px;
	line-height:32px;
	display:block;
	float:left
	}
.cz_ycfl a{
	display:block;
	float:left;
	width:30px;
	height:30px;
	border:1px solid #dcdcdc;
	margin-left:6px
}	
.cz_yyy{
	padding-top:15px;
	overflow:hidden;
	position:relative
}	
.cz_yyy a{
	
	height:27px;
	display:block;
	float:left;
	border-radius:2px;
	color:#fff;
	font-size:12px;
	line-height:27px;
	
	}
.cz_yyy a.a{
	margin-right:30px;
	background:#b87337;
	text-align:center;
	width:118px;
	}

.cz_yyy a.b{
	padding-left:40px;
	width:78px;
	margin-right:30px;
	background:url(../images/czpi_b.jpg) no-repeat 20px 8px #5eb118;
	}
.pro_page{
    overflow: hidden;
    padding: 20px 0;
    height:445px;
}
.pro_page_l{
    width: 336px;
    float: left;
    position: relative;
	z-index:100
}
.pro_page_lt{
    border:1px solid #C7C7C7;
    width: 297px;
    height: 298px;
    overflow: hidden;
}
.pro_page_lb{
    margin-top: 7px;
}
.pro_page_lb img{
    border:1px solid #C7C7C7;
}
.pro_page_r{
    width: 320px;
    float: right;
}
.pro_page_r p span{
    color: #666666;
    font-size: 14px;
}
.pro_page_r p{
color: #444;
font-size: 14px;
line-height: 30px
}
.pro_pagea{
    overflow: hidden;
}
.pro_pagea_tit{
    height: 30px;
    border-bottom: 1px solid #C7C7C7;
    overflow: hidden;
}
.pro_pagea_tit .a{
    display: block;
    height: 30px;
    width: 83px;
    border-bottom:0;
    float: left;
    margin-right: 10px;
    text-align: center;
    line-height: 30px;
    color: #666666;
    background: #f1f1f1;
	font-size:12px
}
.pro_pagea_tit a:hover,.pro_pagea_tit .on{
     background:#5eb118;
     color: #fff;

}
.pro_pagea_cont{
    padding-top: 15px;
    line-height: 30px;
    padding-bottom: 50px;
    /*height: 300px;*/
    position:relative;
}
.pro_pagea_aa{
    width: 130px;
    float:left;
    height: 16px;
    margin-top: 5px
}
.cztc{
    width: 460px;
    height: 440px;
    position: absolute;
    top: 0px;
    left: 320px;
    overflow: hidden;
    
}
/*.pro_pa/ea_cont p{*/
    /*text-align: center;*/
    /*width: 100%;*/
    /*position: absolute;*/
    /*bottom: 10px;*/
/**/
/*}*/
#description{ display:none;}




























