.product-detail .cc-content{ background:#fff; font-family:\5FAE\8F6F\96C5\9ED1; padding-bottom:20px;}
.keywords-content{}
.keywords-content a{}
.keywords-content a:hover{ color:#3aaaf8}

.page-title{ margin-bottom:20px; padding-bottom:20px; position:relative; background:url(../images/keywords/line.png) repeat-x bottom;}
.page-title h1{ font-size:28px;}
.browse-num{ position:absolute; right:0; top:10px;; font-size:14px; color:#999;}
.browse-num i{ margin-right:10px;}
.browse-num span{ padding:0 2px;}

.page-text{ overflow:hidden; margin-bottom:40px;}
.page-text .text-img{ float:left; width:242px; height:150px; overflow:hidden; margin:0 20px 10px 0; font-size:0;}
.page-text .text-img img{ width:100%;}
.page-text .text-cont{ margin-top:-5px;}
.page-text .text-cont p{ font-size:16px; line-height:1.8; color:#555; margin-bottom:10px; text-align:justify; text-indent:2em;}

.item-title{ position:relative; margin-bottom:40px; border-bottom:1px solid #e5e5e5;}
.item-title i{ margin-right:10px; margin-top:-3px; *margin-top:0;}
.item-title strong{ position:absolute; top:-14px; padding-right:10px; background:#fff;font-size:20px; color:#555;}

.item-text{overflow:hidden;margin-bottom:40px;}
.item-text .text-img{ float:left; width:200px; height:150px; overflow:hidden; margin:0 20px 10px 0; font-size:0;}
.item-text .text-img img{width:100%;}
.item-text .text-img.text-img-right{ float:right; margin:0 0 10px 20px;}
.item-text .text-cont{ margin-top:-5px;}
.item-text .text-cont p{ font-size:14px; line-height:1.8; color:#555; margin-bottom:10px; text-align:justify; text-indent:2em;}

.item-news{ font-size:14px; overflow:hidden; margin-bottom:40px;}
.news-ul{ width:50%; float:left;}
.news-ul li{ line-height:30px;}

.item-hots{ font-size:14px;  margin-bottom:40px;}
.hots-ul{width:100%;overflow:hidden;}
.hots-ul li{width:25%; float:left; line-height:30px;}

.item-products{}
.products-ul{overflow:hidden; margin-right:-50px;}
.products-ul li{ float:left; margin-right:40px;}



.page-catalog{ background:#f8f8f8; padding:30px; margin-bottom:40px; overflow:hidden;}
.catalog-title{ width:140px; height:160px; padding-right:20px; margin-right:20px; border-right:1px solid #e3e3e3; float:left; text-align:center; font-size:24px; color:#555;}
.catalog-ul{ float:left; width:300px;}
.catalog-ul li{}
.catalog-ul li a{ color:#3aaaf8; font-size:16px; line-height:40px;}

.page-product{ border:1px solid #e3e3e3; margin-bottom:50px; padding:20px; position:relative;}
.product-title{ position:absolute; top:-18px; left:20px; color:#555; font-size:20px; font-weight:bold; background:#fff; padding:0 10px;}
.product-img{ width:100px; height:100px; font-size:0; float:left; margin-right:20px;}
.product-img img{ width:100%;}
.product-text{ width:60%; float:left; padding-top:10px;}
.product-text h3{ font-size:16px;}
.product-text .p-text{ font-size:14px; color:#999; margin-bottom:15px;}
.product-text .activity{ font-size:14px; color:#ff3c00;}
.product-text .activity i{ margin-top:-2px; margin-right:5px;}
.page-product .btn{ position:absolute; right: 50px; top: 50px;}


.cc-friend{font-family:\5FAE\8F6F\96C5\9ED1;}
ul.friend-links{ margin:20px 0;}
ul.friend-links li{display: inline-block;  margin-right: 10px; color:#555; line-height:1.8; *display:inline; *zoom:1;}
ul.friend-links li span{ color:#333; font-weight:bold;}
ul.friend-links li a{ color:#777;}
ul.friend-links li a:hover{ color:#333;}


/*icon*/
.i-eyes{ width:22px; height:20px; display:inline-block; *display:inline; *zoom:1; vertical-align:middle; background:url(../images/keywords/ico.png) no-repeat; background-position: -9px -80px;}
.i-article{ width:20px; height:20px; display:inline-block; *display:inline; *zoom:1; vertical-align:middle; background:url(../images/keywords/ico.png) no-repeat; background-position: -10px -120px;}
.i-hots{ width:20px; height:20px; display:inline-block; *display:inline; *zoom:1; vertical-align:middle; background:url(../images/keywords/ico.png) no-repeat; background-position: -10px -160px;}
.i-products{width:21px; height:23px; display:inline-block; *display:inline; *zoom:1; vertical-align:middle; background:url(../images/keywords/ico.png) no-repeat; background-position: -9px -200px;}
.i-gift{ width:20px; height:20px; display:inline-block; *display:inline; *zoom:1; vertical-align:middle; background:url(../images/other/other_ico.png) no-repeat; background-position: 0px -14px; }
.i-circle{ width:3px; height:3px; background: #ddd;display:inline-block; *display:inline; *zoom:1;margin-right: 8px; vertical-align:middle;}




/*old by summer*/
.main-left{
	width:620px;
	float:left;
	position:relative;
	}
.main-left h1{
	font-size:28px;
	color:#333;
	margin-bottom:16px;
	}
.main-left h1 i{
	background:url(../images/keywords/ico.png) 0 -40px;
	display:inline-block;
	width:40px;
	height:40px;
	margin-left:20px;
	position:relative;
	top:10px;
	}
.main-left .browse-num{
	position:absolute;
	top:20px;
	right:0;
	color:#555;
	font-size:14px;
	}
.main-left .browse-num span{
	font-family:Georgia;
	color:#ff4e00;
	}
.main-left .browse-num i{
	background:url(../images/ico.png) 0 -78px no-repeat;
	display:block;
	width:40px;
	height:20px;
	float:left;
	}
.cc-content .bor{
	height:6px;
	background:url(../images/keywords/line.png) 0 0 no-repeat;
	}
.main-article{
	margin-top:20px;
	}
.main-article p{
	color:#333;
	font-size:16px;
	line-height:1.6;
	margin-bottom:20px;
	text-indent:32px;
	}
.article-list{
	margin-top:20px;
	margin-bottom:10px;
	margin-right:-50px;
	}
.main-left h2,.main-right h2{
	color:#555;
	font-size:20px;
	font-weight:bold;
	margin-bottom:10px;
	}
.main-left h2 i,.main-right h2 i{
	background:url(../images/keywords/ico.png) no-repeat;
	display:block;
	width:30px;
	height:20px;
	float:left;
	position:relative;
	top:5px;
	}
.main-left h2 i.ico-01,.main-right h2 i.ico-01{
	background-position:-8px -120px;
	}
.main-right h2 i.ico-02{
	background-position:-8px -160px;
	}
.list{
	margin-top:30px;
	}
.article-list li{
	width:248px;
	height:160px;
	float:left;
	padding:15px 20px;
	overflow:hidden;
	border:1px solid #e3e3e3;
	background:#fbfbfb;
	margin-right:40px;
	margin-bottom:20px;
	box-shadow:0 3px 0px #f5f5f5;
	}
.article-list li h3{
	font-size:16px;
	color:#333;
	margin-bottom:15px;
	}
.article-list li a p{
	font-size:14px;
	color:#555;
	line-height:1.7;
	}
.article-list li a:hover p{
	color:#333;
	}
.article-list li a:hover h3{
	color:#09f;
	}
.news-list{}
.news-list li{
	height:30px;
	line-height:30px;
	width:290px;
	float:left;
	margin-right:40px;
	}
.news-list li a{
	color:#555;
	font-size:15px;
	display:block;
	width:290px;
	overflow: hidden;
	white-space: nowrap;
	-webkit-text-overflow: ellipsis;
	-moz-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	text-overflow:  ellipsis; 
	}
.news-list li a:hover{
	color:#09f;
	}
.list .more{
	display:block;
	width:620px;
	height:46px;
	line-height:40px;
	background:url(../images/keywords/bg_01.png) 0 0 no-repeat;
	color:#999;
	font-size:14px;
	text-align:center;
	margin-top:40px;
	}
.list .more:hover{
	color:#555;
	}
.main-right{
	width:300px;
	float:right;
	}
.main-right h2{
	margin-top:30px;
	}
.hot-list li{
	height:40px;
	line-height:40px;
	border-bottom:1px solid #eee;
	position:relative;
	}
.hot-list li a{
	display:block;
	font-size:14px;
	color:#333;
	}
.hot-list li a:hover{
	color:#09f;
	}
.hot-list li i{
	display:block;
	width:16px;
	height:16px;
	line-height:16px;
	text-align:center;
	float:left;
	background:#d2d2d2;
	border-radius:2px;
	color:#fff;
	font-family:Arial;
	position:relative;
	top:12px;
	margin-right:20px;
	}
.hot-list li i.orange{
	background:#ff6333;
	}
.hot-list li .browse-num{
	position:absolute;
	top:0;
	right:0;
	color:#bbb;
	font-size:12px;
	}
.hot-list li .browse-num span{
	color:#ff4e00;
	font-family:Georgia;
	padding-left:4px;
	}
.list-item h3{
	font-size:20px;
	color:#555;
	margin-bottom:8px;
	position:relative;
	}
.list-item h3 .more {
    color: #999;
    display: block;
    font-family: "新宋体";
    font-size: 12px;
    font-weight: normal;
    line-height: 22px;
    padding-right: 15px;
    position: absolute;
    right: 0;
    top: 4px;
}
.list-item h3 .more:hover {
    color: #3aaaf8;
}
.list-item h3 .more i {
    background: url("../images/zixun/zixun_ico.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 9px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 7px;
    width: 9px;
}
.list-item h3 .more:hover i {
    background-position: -9px 0;
}
.list-item{
	margin-bottom:25px;
	}
.list-item ul{
	margin-top:10px;
	margin-right:-50px;
	}
.list-item li{
	height:40px;
	line-height:40px;
	border-bottom:1px dashed #c6c5c5;
	width:290px;
	float:left;
	margin-right:40px;
	position:relative;
	}
.list-item li a{
	display:block;
	font-size:14px;
	color:#555;
	}
.list-item li a:hover{
	color:#333;
	}
.list-item .browse-num{
	position:absolute;
	top:0;
	right:0;
	font-size:12px;
	color:#bbb;
	}
.list-item .browse-num span{
	padding-left:4px;
	font-family:Georgia;
	}
.m-b-20{
	margin-bottom:20px;
	}
.news-list2 li{
	height:40px;
	line-height:40px;
	border-bottom:1px solid #eee;
	margin-right:0;
	}