.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: 300px; /* wide or wider than the widest zoomable image */
	height: 225px; /* high or higher than the tallest zoomable image */
    border: 1px solid #dcdcdc;
}

#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:80px;
	height:60px;
	overflow:hidden;
	display:block;
	float:left;
    margin:0 5px;
	border:1px solid #dcdcdc;
}

.thumbs a.active{border: 1px solid #133984;}

.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: 80px;
    height: 60px;
}





#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:#444;
}
.cz_bg{
    width: 305px;
    color: #666;
	font-size:12px;
    line-height: 20px;
}
.pro_page_r a.xunjia{
    margin-top:30px;
    width:148px;
    height: 36px;
    background: #0690e0;
    line-height: 36px;
    text-align: center;
    display: block;
    color: #fff;
    border-radius: 2px;
    position: relative;
	font-size:16px;
}
.pro_page_r a.xunjia:hover{
    filter:alpha(opacity=70);
    -moz-opacity:0.7;
    opacity:0.7;
    -khtml-opacity: 0.7;
}
.pro_page_r h1{
	font-size:20px;
	color:#000;
    font-weight: bold;;
	padding-bottom: 10px;
}
.pro_xingguan{
    margin-top:45px;
}
.pro_xingguan .title{
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    padding-bottom:4px;
    color:#133984;
    border-bottom: 1px solid #dcdcdc;
}
.pro_xingguan .contss{overflow: hidden;padding-top: 25px;}
.pro_xingguan .contss li{padding-right: 15px;}
.pro_xingguan .contss li.r{padding-right: 0;}

.solve_cont_r{
    width: 685px;

}
.solve_int_cont_rc{
	padding-bottom:50px;
	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: 270px;
    left: 0
}
.a_right{
    position: absolute;;
    top: 270px;
    left: 311px;
}
.solve_int_b p span{
	font-size:12px;
	color:#666;
	}
.solve_int_b p.a a{
	font-size:12px;
	color:#133984;
	}
.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:#133984;
}
.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:#133984;
	text-align:center;
	width:118px;
	}

.cz_yyy a.b{
	padding-left:40px;
	width:78px;
	margin-right:30px;
	background:url(../images/czpi_b.html) no-repeat 20px 8px #133984;
	}
.pro_page{
    overflow: hidden;
    padding: 20px 0 50px 0px;
}
.pro_page_l{
    width: 330px;
    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: 350px;
    float: right;
}
.pro_page_r p span{
    color: #666666;
    font-size: 14px;
    font-weight: bold;
}
.pro_page_r p{
color: #133984;
font-size: 14px;
line-height: 37px
}
.pro_pagea{
    padding: 0 23px
}
.pro_pagea_tit{
    height: 30px;
    border-bottom: 1px solid #C7C7C7;
    overflow: hidden;
}
.pro_pagea_tit .a{
    display: block;
    height: 30px;
    width: 83px;
    border-top:1px solid #C7C7C7;
    border-left:1px solid #C7C7C7;
    border-right:1px solid #C7C7C7;
    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:#5072a9;
     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}




























