/*-----------Main -----------------*/
.clearfix:after {
  clear: both;
}

.clearfix {
    zoom: 1; 
}

.clearfix:before,.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}
 
input[type=submit],input[type=reset],input[type=button]{
   filter:chroma(color=#000000);
}
/*------side menu------*/
.pagebtn:after {
  clear: both;
}

.pagebtn:before,.pagebtn:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}

/*----------- Content Paragraph----------------*/
.mainPage .mainContent{
  float:left;
  width:630px;
  margin:0 20px 0 0;
  color:#666;
  font-size:12px;
  line-height:18px;
}

.mainPage .mainContent.fullPage{
	width:100%;
	margin:0;
}

.mainPage .mainContent .paragraph h3{
  margin:4px auto;
  font-size:12px;
  font-weight:normal;
  text-align:center;
}

.mainPage .mainContent .paragraph{
  margin:15px 0;
  color:#666;
  font-size:12px;
}

.mainPage .mainContent .paragraph table td{
  width: 60%;
  vertical-align:top;
}

.mainPage .mainContent .paragraph.one{
   text-align:center;
   margin:15px 0;
}

.mainPage .mainContent .paragraph.one img{
   display:block;
   margin:5px auto 10px auto;
}

.mainPage .mainContent .paragraph.one p{
   display:block;
   text-align:center;
}

.mainPage .mainContent .paragraph.two{
  margin:15px 0;
}
.mainPage .mainContent .paragraph.two p{
  width:48%;
  margin:0 10px 0 0;
  float:left;
}

.mainPage .mainContent .paragraph.three{
	margin:15px 0;   
}
.mainPage .mainContent .paragraph.three p{
	width:100%;
	margin:10px 0;
	padding:0;
}

.mainPage .mainContent .paragraph.four{ 
    margin:15px 0;
}

.mainPage .mainContent .paragraph.four .image{ 
   padding:0 20px 0 0;
   width:40%;
}

.mainPage .mainContent .paragraph.four .image a{
}

.mainPage .mainContent .paragraph.four .image img{
   border:2px solid #eee;
}

.mainPage .mainContent .paragraph .image h3{ 
   margin:4px auto;
   font-size:12px;
   font-weight:normal;
   text-align:center;
   float:left;
   display:block;
   clear:both;
   width:100%;
}

.mainPage .mainContent .paragraph.four p{
   margin:0 0 10px 0;
   padding:0;
}


.mainPage .mainContent .paragraph.five{ 
    margin:15px 0;
}

.mainPage .mainContent .paragraph.five .image{ 
   padding:0 0 0 20px;
   width:40%;
}

.mainPage .mainContent .paragraph.five .image a{
  display:inline-block;
  *display : inline;
  *zoom : 1;
}

.mainPage .mainContent .paragraph.five .image img{
   border:2px solid #eee;
}

.mainPage .mainContent .paragraph.five p{
   margin:0 0 10px 0;
   padding:0;
}

.mainPage .mainContent .paragraph.six{ 
}

.mainPage .mainContent .paragraph.six .image{ 
   float:left;
}

.mainPage .mainContent .paragraph.seventh{ 

}

.mainPage .mainContent .paragraph.seventh .image{ 
   float:right;
}

.mainPage .mainContent .paragraph.eight{ 

}

.mainPage .mainContent .paragraph.eight .image{ 
   text-align:center;
   width:50%;
}

.mainPage .rollBanner .up{
   margin: 10px auto;
   width: 30px;
   text-indent:-999px;
   overflow:hidden;
   background: url("[CSS_RES_IMG]/sprite/column_sep.gif")  0 -450px no-repeat;
}

.mainPage .rollBanner .down{
   margin: 10px auto;
   width: 30px;
   text-indent:-999px;
   overflow:hidden;
   background: url("[CSS_RES_IMG]/sprite/column_sep.gif")  -40px -450px no-repeat;
}

.mainPage .rollBanner .thumbbox{
  margin:8px 0 !important;
}

.mainPage .rollBanner .thumbnail{
  border:1px solid #ddd;
  background-color:#fff;
  text-align:center;
  vertical-align:middle;
}

.mainPage .rollBanner{
  float:right;
  width:120px;
}

.imgBorder, .imgBorderS, imgBorderN{
	text-align:center;
}

/*------msg popup-------*/

#idPopupTitleBar{
	padding:7px !important;
	background-color:#fbfbfb;
	background-image: linear-gradient(top,rgba(255,255,255,.85),rgba(247,247,247,.85));
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.85)),to(rgba(247,247,247,.85)));
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,.85),rgba(247,247,247,.85));
	border-bottom: 1px solid #eee;
}

#idTitleCnt{
	padding: 0 10px;
	font-family: 'Helvetica', "microsoft yahei", Arial;
	font-size:14px;
	color:#444;
}

#idContentArea{
	color:#666;
	font-size:12px;
	font-family: 'Helvetica', "microsoft yahei", Arial;
	line-height:18px;
}

#idCloseBtn{
	font-size:12px;
	font-family: 'Helvetica', "microsoft yahei", Arial;
	text-decoration:none;
}

#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#000;
	filter:alpha(opacity=25);
	-moz-opacity: 0.25;
	opacity: 0.25;
	height:100%;
	width:100%;
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 1px solid #ddd;
	text-align:center;
	top:9%;
	left:30%;	
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#TB_iframeContent {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  clear: both;
  border: none;
  margin-bottom: 0px;
  margin-top: 0px;
  _margin-bottom: 0px;
  -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
  box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
}
/*-----PRODUCT DETAIL-----*/
.more-views li.last{
  margin: 0;
}

.product-image img{
  margin:auto;
  line-height:302px;
  vertical-align: middle;
}

.more-views ul{
  overflow: hidden;
  margin: 0px;
  padding: 0px;
}

.more-views li{
  float: left;
  list-style: none;
  width: 50px;
  text-align: center;
  line-height: 50px;
  margin:0 10px 0 0 ;
  border:1px solid #ddd;
  height:50px;
}

.more-views li:last-child{
  margin:0 ;
}

.more-views li img{
  line-height: 50px;
  vertical-align: middle;
  margin: 0 auto;
}

/*-----doc page----------*/
.cssDownloadContent:before,.cssDownloadContent:after {
   content: ".";
   display: block;
   height: 0;
   overflow: hidden;
}

.cssDownloadContent:after {
  clear: both;
}

.cssDownloadContent {
  zoom: 1; 
}

.cssList1 .cssDownloadContent{
  width: 80%;
  line-height: 20px;
  float: left;
}

.cssDownloadContent:before,.cssDownloadContent:after {
   content: ".";
   display: block;
   height: 0;
   overflow: hidden;
}

.last .cssDownloadContent:after {
  clear: both;
}

.last .cssDownloadContent {
  zoom: 1; 
}

.cssList1.last .cssDownloadContent{
  width: 80%;
  line-height: 20px;
  float: left;
}

.cssList1.last{
  width:100% !important;
}

/*-----Product detail-----*/

p.product-detail:before,p.product-detail:after, p.product-description:before,p.product-description:after {
   content: ".";
   display: block;
   height: 0;
   overflow: hidden;
}

p.product-detail:after, p.product-description:after {
  clear: both;
}

p.product-detail, p.product-description {
  zoom: 1; 
}

/*-----listing page-----*/
.items-list.twoCol .item.block.last{
  width:100%;
  border:none;
}

.items-list.fourCol .item-box.left.lastChild{
  padding:0 0 0 0;
  background:none ;
}

.items-list.fourCol .item.block.last{
  padding:20px 0 !important;
  border:none;
}

.lastChild{
  padding:0 0 0 0;
  background:none ;
}

.items-list.oneDirCol .item-box.right .item-text {
  _width: 50%;
}

.items-list.threeCol{
  _padding: 10px 10px;
}

.items-list.threeCol .item-box.left.lastChild{
  padding:0 0 0 ;
  background:none;
}

.items-list.threeCol .item.block.lastChild{
  border:none;
}


.related-product.lastChild{
  margin:10px 0 0 0;
}

/*-----user footer-----*/
.userFooter p{
  text-align:center;
}

.bizVerBox{
  padding: 20px 0;  
}



#imsTable {  }
#imsTable td { vertical-align:top;}
#idSkypeIM div p { margin-top:-15px; }

/*------mainpage content---------*/
.intro-block{padding:30px 0; background:#fff url('gradient.gif') left bottom repeat-x;}
.intro-block .content-block{width:940px; margin:0 auto;}
.intro-block .cssImg{float:left;width:40%;}
.intro-block .cssText{float:right;width:60%;}
.intro-block .cssText h3{font-family: 'open_sanslight',Helvetica, "microsoft yahei", Arial; margin:5px 0; padding:0;color:#e63641;font-weight:normal; font-size:20px;}
.intro-block .cssText p{color:#666;line-height:18px;}

.bottom-block{ padding:30px 0;}
.bottom-block .table-block{width:990px; margin:0 auto;}
.bottom-block .table-block td{vertical-align:top;}
.bottom-block .table-block td.contentL-block{width:200px; text-align:left;}

.bottom-block .productcat-block{padding:20px 10px; border:1px solid #eaeaea; width:160px; margin-bottom:30px;}
.bottom-block .productcat-block .title-header h3{background:url('bullet.gif') left 7px no-repeat;font-family: 'open_sanslight',Helvetica, "microsoft yahei", Arial; margin:0; padding:0 0 5px 14px;color:#e63641;font-weight:normal; font-size:15px;}
.bottom-block .productcat-block h1{margin:10px 0;background:url('bullet2.gif') left 7px no-repeat;font-size:12px;font-weight:normal;padding:0 0 0 8px;}
.bottom-block .productcat-block a{color:#666;}
.bottom-block .productcat-block a:hover{text-decoration:none; color:#e63641;}
.bottom-block .productcat-block a.cssMore{color:#444;display:inline-block; *display:block;padding: 5px 0 0 0;width: 100%;border-top: 1px dotted #ddd;}

.bottom-block .contact-block{width:190px; }
.bottom-block .contact-block .title-header{background:url('split.gif') left center repeat-x; border-left:3px solid #e63641;}
.bottom-block .contact-block .title-header h3{background-color:#fff; font-family: 'open_sanslight',Helvetica, "microsoft yahei", Arial; margin:0; padding:0 10px 0px 10px;color:#222;font-weight:normal; font-size:15px; display:inline-block;*display:block;}

.contact-block ul{padding:0; margin:20px 0 0 0;list-style-type: none;}
.contact-block ul li{color:#666666; margin:12px 0; padding:0 0 0 18px; background:url('image.png') no-repeat; line-height:18px;}
.contact-block ul li.contact-person{background-position:0 -630px;}
.contact-block ul li.contact-address{background-position:0 -708px;}
.contact-block ul li.contact-tel{background-position:0 -790px;}
.contact-block ul li.contact-fax{background-position:0 -867px;}

.bottom-block .newProd-block{width:760px;padding:0 15px ; }
.bottom-block .newProd-block .title-header{background:url('split.gif') left center repeat-x; border-left:3px solid #e63641;}
.bottom-block .newProd-block .title-header h3{background-color:#fff; font-family: 'open_sanslight',Helvetica, "microsoft yahei", Arial; margin:0; padding:0 10px 0px 10px;color:#222;font-weight:normal; font-size:15px; display:inline-block;*display:block;}

.content-container{margin:30px 0;}
.content-container .cover-item{width:170px; float:left;margin:0 25px 0 0 ;}
.content-container .cover-item.lastItem{margin:0;}
.content-container .cover-item .cssImg{overflow:hidden; border:1px solid #e7e7e7; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width:170px; height:180px;vertical-align: middle;text-align: center;display: table-cell;}
.content-container .cover-item .cssImg a{vertical-align: middle;}
.content-container .cover-item .cssImg img, .content-container .cover-item .cssImg b {display: inline-block;overflow: hidden;text-align: center;vertical-align: middle;}
.content-container .cover-item .cssImg b {height: 100%;vertical-align: middle;font-size: 0;width: 0;}
.content-container .cover-item h1{ font-family: 'open_sanslight',Helvetica, "microsoft yahei", Arial; color:#666; font-size:13px; text-align:center; font-weight:normal;}
.content-container .cover-item h1 a{color:#444;}
.content-container .cover-item h1 a:hover{color:#e63641;}
.content-container .cssRow{margin:0 0 30px 0;}

.bottom-block .newProd-block.set2{width:960px;padding:0 15px ; }
.bottom-block .newProd-block.set2 .title-header{background:url('split.gif') left center repeat-x; border-left:3px solid #e63641;}
.bottom-block .newProd-block.set2 .title-header h3{background-color:#fff; font-family: 'open_sanslight',Helvetica, "microsoft yahei", Arial; margin:0; padding:0 10px 0px 10px;color:#222;font-weight:normal; font-size:15px; display:inline-block;*display:block;}

.newProd-block.set2 .content-container{margin:30px 0;}
.newProd-block.set2 .content-container .cover-item{width:225px; float:left;margin:0 20px 0 0 ;}
.newProd-block.set2 .content-container .cover-item.lastItem{margin:0;}
.newProd-block.set2 .content-container .cover-item .cssImg{overflow:hidden; border:1px solid #e7e7e7; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; width:225px; height:250px;vertical-align: middle;text-align: center;display: table-cell;}
.newProd-block.set2 .content-container .cover-item .cssImg a{vertical-align: middle;}
.newProd-block.set2 .content-container .cover-item .cssImg img, .content-container .cover-item .cssImg b {display: inline-block;overflow: hidden;text-align: center;vertical-align: middle;}
.newProd-block.set2 .content-container .cover-item .cssImg b {height: 100%;vertical-align: middle;font-size: 0;width: 0;}
.newProd-block.set2 .content-container .cover-item h1{ font-family: 'open_sanslight',Helvetica, "microsoft yahei", Arial; color:#666; font-size:13px; text-align:center; font-weight:normal;}
.newProd-block.set2 .content-container .cover-item h1 a{color:#444;}
.newProd-block.set2 .content-container .cover-item h1 a:hover{color:#e63641;}
.newProd-block.set2 .content-container .cssRow{margin:0 0 30px 0;}

.news-block .title-header{background:url('split.gif') left center repeat-x; border-left:3px solid #e63641;}
.news-block .title-header h3{background-color:#fff; font-family: 'open_sanslight',Helvetica, "microsoft yahei", Arial; margin:0; padding:0 10px 0px 10px;color:#222;font-weight:normal; font-size:15px; display:inline-block;*display:block;}

.news-block{}
.news-block .title-header{margin:0 0 15px 0;}
.news-block .cssImg{float:left; width:93px;border:1px solid #eee;}
.news-block .cssImg img{border:1px solid #fff;}
.news-block .cssText{float:right; width:85%;}
.news-block .cssText h2{ margin:0 0 5px 0;font-family: 'open_sanslight',Helvetica, "microsoft yahei", Arial; color:#222; font-size:13px; text-align:left; font-weight:normal;}
.news-block .cssText p{color:#666666;line-height:18px;}

.news-block.set2{width:78%;float:left; margin-bottom:30px;}

.productcat-block.set2{float:right;}
.productcat-block.set2 .title-header{border:none !important;}

.contact-block.set2{width:78%;float:left;}
.contact-block.set2 span.title{width:20%;color:#222222; float:left;}
.contact-block.set2 span.item{width:75%; float:left;}