@charset "utf-8";
/**
 * Products
 * @date Oct 26th 2009
 * @author Ivan SunShine Hsu
 * @mail ivan.x@ixce.cn
 */
@import url("resets.css");
@import url("styles.css");
@import url("constructions.css");
#products{
	background:url('../images/bg_wrapper_330.jpg') repeat-x center top;
}
#products #pageContent{
	padding:115px 0 0;
}
#productsView{
	background:url('../images/bg_wrapper_220.jpg') repeat-x center top;
}
#productsView #pageContent{
	padding:115px 0 0;
}
#proCatalog{
	width:812px;
	padding:0 0 15px;
	float:right;
}

#catalogSel{
	width:812px;
	height:115px;
	position:relative;
	z-index:10;
	background:url('../images/products/bg_procatsel.jpg') no-repeat center top;
}
#cataPopUpTitle{
	position:absolute;
	right:20px;
	top:9px;
	cursor:pointer;
	text-indent:-99999px;
	width:179px;
	height:27px;
	background:url('../images/products/title_propopup.jpg') no-repeat;
	z-index:5;
}
#cataPopUp{
	position:absolute;
	width:584px;
	height:266px;
	right:20px;
	top:9px;
	z-index:10;
	display:none;
}
.cataPopUp-t{
	position:absolute;
	right:0;
	top:0;
	text-indent:-99999px;
	width:179px;
	height:27px;
	cursor:pointer;
	display:block;
	background:url('../images/products/title_propopup_h.jpg') no-repeat;
}
.cataPopUp-bg{
	position:absolute;
	right:0;
	top:24px;
	display:block;
	z-index:5;
}
.cataPopUp-c{
	z-index:10;
	right:0;
	top:24px;
	width:584px;
	height:242px;
	position:absolute;
}
.cataPopUp-c .l1{
	float:left;
	width:93px;
	display:inline;
	margin:10px 0 0;
	padding:0;
}
.cataPopUp-c .l1 li{
	color:#ffffff;
	padding:0 0 0 23px;
	height:22px;
	line-height:22px;
	*padding:2px 0 0 23px;
	*height:20px;
	*line-height:20px;
	margin:1px 0;
	cursor:pointer;
	display:inline;
	float:left;
	width:70px;
}
.cataPopUp-c .l1 li.active{
	font-weight:bold;
	background:url('../images/products/bg_propopup_h.gif') no-repeat left center;
}
.cataPopUp-c .l2{
	float:left;
	width:94px;
	display:inline;
	margin:10px 0 0 4px;
}
.cataPopUp-c .l2 li{
	padding:0 0 0 20px;
	height:26px;
	line-height:26px;
	*padding:2px 0 0 20px;
	*height:24px;
	*line-height:24px;
	margin:2px 0;
	color:#B6E9FF;
	display:inline;
	float:left;
	width:74px;
	cursor:pointer;
}
.cataPopUp-c .l2 li.active{
	color:#1BABE2;
	
	background:url('../images/products/bg_propopup_s_h.jpg') no-repeat left center;
}
#cataPopUpContent{
	width:360px;
	height:210px;
	overflow:hidden;
	float:left;
	display:inline;
	margin:15px;
}
#cataPopUpContent h3{
	color:#FC717A;
	font-size:16px;
	margin:0 0 8px;
}
#cataPopUpContent p{
	margin:6px 0;
}

#catalogSelS1{
	height:35px;
	padding:5px 0 0 20px;
}
#catalogSelS1 li{
	height:30px;
	line-height:30px;
	color:#42C1F4;
	font-size:14px;
	float:left;
	margin:0 15px 0 0;
	padding:0 0 0 25px;
	background:url('../images/products/bg_procat_s1.jpg') no-repeat left center;
	display:inline;
	cursor:pointer;
}
#catalogSelS1 li.active{
	background:url('../images/products/bg_procat_s1_h.jpg') no-repeat left center;
}
#catalogSelS2{
	height:39px;
}
#catalogSelS2 li{
	padding:0;
	margin:0 15px;
	width:50px;
	float:left;
	text-align:center;
	display:inline;
	color:#AEAEAE;
}
#catalogSelS2 li.active{
	color:#FD717A;
}
#CS2Slider{
	height:18px;
	cursor:pointer;
	width:920px;
}
#CS2Slider .knob{
	width:45px;
	height:18px;
	cursor:pointer;
	background:url('../images/products/bg_procat_s2_h.jpg') no-repeat right top;
}
.cs2-mask{
	padding:0 0 0 0;
	height:18px;
	width:812px;
	overflow:hidden;
}
#catalogSelS3{
	height:33px;
	padding:0 10px;
	position:relative;
}
#catalogSelS3 li{
	color:#FFFFFF;
	float:left;
	text-align:center;
	display:inline;
	line-height:26px;
	margin:0 5px;
	padding:0 5px;
	cursor:pointer;
}
#catalogSelS3 li.active{
	line-height:33px;
	padding:0;
	font-size:14px;
	font-weight:bold;
	background:url('../images/products/bg_procat_s3_h.jpg') no-repeat left top;
}
#catalogSelS3 li.active span{
	display:block;
	padding:0 15px;
	background:url('../images/products/bg_procat_s3_h_r.jpg') no-repeat right top;
}
#CS3Left,
#CS3Right{
	height:16px;
	width:14px;
	position:absolute;
	top:5px;
	display:none;
}
#CS3Left a,
#CS3Right a{
	height:16px;
	width:14px;
	display:block;
	text-indent:-99999px;
}
#CS3Left{
	right:45px;
}
#CS3Right{
	right:25px;
}
#CS3Left a{
	background:url('../images/products/icon_proleft.jpg') no-repeat top center;
}
#CS3Right a{
	background:url('../images/products/icon_proright.jpg') no-repeat top center;
}
#CS3Left a:hover{
	background:url('../images/products/icon_proleft_h.jpg') no-repeat top center;
}
#CS3Right a:hover{
	background:url('../images/products/icon_proright_h.jpg') no-repeat top center;
}

.pro-list{
	padding:25px 0;
}
.pro-list li{
	width:152px;
	float:left;
	display:inline;
	margin:4px;
	position:relative;
	z-index:5;
}
.pro-list li .i{
	text-align:center;
	height:140px;
}
.pro-list li .h{
	position:absolute;
	left:90px;
	top:80px;
	display:block;
}
.pro-list li .n{
	width:152px;
	text-align:center;
	height:45px;
	padding:4px 0 0;
	line-height:20px;
	background:url('../images/products/bg_proname.jpg') no-repeat;
}
.pro-list li .n a{
	color:#40C2F3;
}
.pro-list li .n em{
	color:#FF908F;
}
.pro-list li .n span{
	display:block;
}

.pro-view{
	margin:30px 0;
}
.pro-view-img{
	text-align:center;
	width:285px;
	_overflow-x:hidden;
	float:left;
	display:inline;
}
.pro-view-con{
	width:505px;
	float:right;
	display:inline;
	text-align:left;
	_overflow-x:hidden;
}
.pro-view-con h2{
	font-size:24px;
	font-family: 微软雅黑,Microsoft YaHei,黑体;
	line-height:150%;
	font-weight:normal;
	padding:0 8px;
	float:left;
}
.pro-view-pack{
	float:left;
	display:inline;
	padding:16px 0 0;
}
.pro-view-pack li{
	float:left;
	display:inline;
	padding: 0 0 0 10px;
	margin: 0 6px 0 0;
	background:url('../images/icon_arrow_lb_right.gif') no-repeat left center;
	color:#3FC3F4;
}
.pro-view-pack li a{
	color:#3FC3F4;
}
.pro-view-pack li.active{
	float:left;
	display:inline;
	padding: 0 0 0 10px;
	margin: 0 6px 0 0;
	background:url('../images/icon_arrow_right.gif') no-repeat left center;
	color:#FF908E;
}
.pro-view-pack li.active a{
	color:#FF908E;
}
.pro-view-parameter{
	width:504px;
	height:142px;
	clear:both;
	padding:15px 0 0;
	position:relative;
	background:url('../images/products/bg_pro_parameter.jpg') no-repeat 0 15px;
}
.pro-view-parameter ul{
	padding:10px 0 0 10px;
}
.pro-view-parameter ul li{
	height:24px;
	line-height:24px;
	width:230px;
	display:inline;
	float:left;
	margin:0 0 0 10px;
}
.pro-view-parameter ul li strong{
	font-size:13px;
	font-weight:bold;
}
.pro-view-parameter ul li em{
	color:#FF928F;
}
.pro-view-parameter .btnProBuy{
	position:absolute;
	left:334px;
	top:108px;
	width:144px;
	height:36px;
	background:url('../images/products/btn_pro_buy.jpg') no-repeat;
}
.pro-view-feature,
.pro-view-charact{
	padding:0 5px;
	margin:15px;
}
.pro-view-feature h3{
	font-size:14px;
	color:#FF696A;
	margin:8px 0;
}
.pro-view-feature p{
	margin:8px 0;
}
.pro-view-charact h3{
	font-size:14px;
	color:#3FC3F3;
	margin:8px 0;
}
.pro-view-charact p{
	margin:8px 0;
}
.pro-view-rec{
	margin: 15px 0;
	width:504px;
	height:401px;
	background:url('../images/products/bg_pro_cmdlist.jpg') no-repeat;
}
.pro-view-rec h3{
	font-size:14px;
	color:#3FC3F3;
	padding:0 15px;
	height:36px;
	line-height:36px;
}
.pro-view-rec ul{
	padding:0 10px;
}
.pro-view-rec li{
	width:120px;
	height:190px;
	display:inline;
	float:left;
	text-align:center;
}
.pro-view-rec p.i{
	height:110px;
}
.pro-view-rec p.n{
	padding:0 10px;
}
.pro-view-rec p.n a{
	color:#3FC3F3;
}
.pro-view-rec p.p{
	padding:0 10px;
}
.pro-view-rec p.p strong{
	color:#FF696A;
}

#proIntro{
}
#proIntro #foot{
	border-top:0
}
.pro-intro{
	height:42px;
	background:url('../images/products/bg_prointro.jpg') no-repeat center top;
}
.pro-intro .l{
	width:450px;
	float:left;
	height:22px;
	line-height:22px;
	text-align:right;
	color:#40C3F1;
	padding:9px 0 0;
}
.pro-intro .l a{
	color:#40C3F1;
}
.pro-intro .r{
	width:450px;
	float:right;
	height:22px;
	line-height:22px;
	text-align:left;
	color:#FE6A78;
	padding:9px 0 0;
}
.pro-intro .r a{
	color:#FE6A78;
}

#catalogSel.cs-s2{
	height:77px;
	background:url('../images/products/bg_procatsel_s2.jpg') no-repeat center top;
	color:#fff;
}
#catalogSel.cs-s2 #catalogSelS2{
	display:none;
}

#cataPopUpContent .c{
    height:180px;
    overflow:auto;
}