/*----------Layout--------*/
.shop-layout-bound{
	width:100%;
}
.shop-layout-top{}
.shop-layout-content-bound{
	width:100%;
	overflow:hidden;
	//background-image:url(/skins/news/images/shop/temp09/1600green_4002.jpg);
	background-position:center 0;
	background-repeat:no-repeat;
	background-attachment:fixed;
}
.shop-layout-content{
	width:980px;
	margin:0 auto;
}
#back-top,.back-shop a{
	font-size:50px;
	color:#fff;
	position:fixed;
	bottom:20px;
	right:10px;
	cursor:pointer;
	z-index:9999;
	display:none;
}
.back-shop a{
	bottom:70px;
	display:block;
}
.clear{clear:both;}
/*-----------Intro---------*/
.shop-intro-bound{padding-bottom:20px;}
/*Intro Top*/
.shop-intro-top{width:100%;}
.shop-banner{width:100%;position:relative;}
.shop-image-cover{width:100%;position:relative;}
.shop-image-cover img{width:980px;max-height:360px;}
.shop-intro-info{
	padding: 10px 0 15px;
	border:1px solid #d2d3d6;
	border-top:none;
	position: relative;
	background: #FFF;
}
.shop-intro-info-avata{
	position: absolute;
	top:-100px;
	left: 28px;
	bottom: 21px;
	height: 160px;
	width: 160px;
	background: #fff;
	border-radius: 3px;
	border: 1px solid #b2b2b2;
	padding: 4px;
}
.shop-intro-info-avata a{
	display:table-cell;
	width:160px;
	height:160px;
	vertical-align:middle;
	text-align:center;
}
.shop-intro-info-avata a img{max-width:160px;max-height:160px;}
.shop-intro-info-name{
	margin: 0 0 0 212px;
}
.shop-intro-info-name a{display:block;text-decoration:none;}
.shop-intro-info-name #name{
	clear: both;
	line-height: 25px;
	padding: 5px 0;
	max-width: 450px;
	overflow: hidden;
	font-size: 22px;
	color: #5f4d43;
	font-weight: 700;
	float:left;
}
.shop-banner-menu{
	width:300px;
	height:25px;
	line-height:25px;
	position:absolute;
	bottom:10px;
	right:10px;
	text-align:right;
}
.shop-banner-menu a{
	display:inline-block;
	padding:0 10px;
	color: #3b5998;
	cursor: pointer;
	border-left: 1px solid #e9eaed;
	font-size: 13px;
	font-weight: bold;
	text-decoration:none;
}
.send-message,.btn-cms{
	display:block;
	background:url(/skins/news/images/icons_repeatx.png) repeat-x 0 0;
	background-repeat: repeat-x;
	border: 1px solid #a9a9a9;
	height: 23px;
	float:left;
	margin-top:5px;
	margin-left:10px;
	line-height: 23px;
	padding: 0 10px;
	color: #333;
	font-size: 11px;
	border-radius: 3px;
	cursor: pointer;
	box-shadow: 0 1px 1px rgba(0,0,0,0.15);
	font-weight: bold;
}
.send-message i{margin-right:5px;}
#send_comment{width:23px;float:right;text-decoration:none;}
.btn-cms{
	width:90px;
	position:absolute;
	bottom:10px;
	right:10px;
	text-decoration:none !important;
}
.btn-cms.logo{
	width:70px;
	bottom:10px;
	left: 60px;
}
.btn-cms.edit{
	width:40px;
	top:0;
}
/*Intro Center*/
.shop-intro-center{
	width:100%;
	margin-top:10px;
}
.shop-intro-center-column{
	width:320px;
	margin-right:10px;
	background:#fff;
	float:left;
	-webkit-box-shadow: 0 0px 5px #ddd;
	-moz-box-shadow: 0 0px 5px #ddd;
	box-shadow: 0 0px 5px #ddd;
	position:relative;
}
.shop-intro-center-column.none{
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	background:none;
}
.shop-intro-center-column.cms{
	float:none;margin-top:10px;width:100%;
	background:#2e2e2e;
	
	}

.shop-intro-center-column.cms a{
	display:inline-block;
	font-size: 13px;
	text-align: center;
	border-right: 1px solid #fff;
	padding: 0 25px;
	//margin-top:-6px;
	height:40px;
	line-height:40px;
	color: #FFF;
	font-weight: 700;
	text-decoration:none;
	text-transform:uppercase;
}
.shop-intro-center-column.cms a:hover{color:#fff;background:#3b3b3b;}
.shop-intro-center-column.category,.shop-intro-center-column.adv{width:200px;margin-bottom:10px;}
.shop-intro-center-column.adv img{max-width:200px;}
.shop-intro-center-column.product{width:770px;margin-right:0;}
.shop-intro-center-column.product.intro{padding-bottom:50px;}
.shop-intro-center-column.product .intro-column-content{padding:10px 0;background:#fff;}
.shop-intro-center-column .view-all{
	position:absolute;
	background:#58af19;
	width:100%;
	height:40px;
	line-height:40px;
	bottom:0;
	left:0;
	text-align:center;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	-ms-transition: all 1s ease-out;
}
.shop-intro-center-column .view-all a{
	display:block;
	font-size:14px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
}
.shop-intro-center-column .view-all:hover{
	background:#eaeaea;
	color:#2e2e2e !important;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;
	}
.shop-intro-center-column .view-all:hover a{color:#2e2e2e;-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	-ms-transition: all 1s ease-in-out;}
.intro-column-title{
	position:relative;
	background:#eaeaea;
	}
.intro-column-title h2{
	display: block;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	margin:0;
	margin-left:10px;
	font-size: 14px;
	background-color:transparent;
	color: #2e2e2e;
	text-transform: uppercase;
}
.intro-column-content{
	//padding:10px;
	text-align:justify;
}
.intro-column-content.comment-face,
.intro-column-content.news{
	width:295px;
	padding:0 5px 5px 5px !important;
	margin-right:5px;
	max-height:160px;
	overflow:auto;
}
.intro-column-content.news ul li{
	margin-left:5px;
	border-bottom: 1px solid #eee;
	padding: 8px 5px;
	line-height: 18px;
	color: #555;
	overflow:hidden;
}
.intro-column-content.news ul li .image{
	width:30px;
	height:30px;
	background:#eaeaea;
	float:left;
	margin-right:10px;
}
.intro-column-content.news ul li .image a{
	display:table-cell;
	width:30px;
	height:30px;
	vertical-align:middle;
	text-align:center;
}
.intro-column-content.news ul li .image a img{max-width:30px;max-height:30px;}
.intro-column-content.news ul li .name{
	color: #888;
	font-weight: 700;
	text-decoration:none;
	font-size:11px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
}
.intro-column-content.news ul li .name:hover{color:#f40;}
.intro-column-content.news ul li .time{
	color:#bfbfbf;
	font-size:11px;
}
.intro-column-content .blast{
	border-bottom: 1px solid #eae9ee;
	color: #3E3E3E;
	line-height: 20px;
	font-size: 13px;
	max-height:100px;
	overflow:auto;
	padding-right:5px;
	margin-right:10px;
	width:300px;
}
.intro-column-content .blast p{margin:0 0 5px 0;padding:0;}
.intro-column-content .fa{
	width:20px;
	font-size:15px;
	text-align:center;
}
.intro-column-content a{
	color:#4F626E;
	text-decoration:none;
}
.intro-column-content .fa.fa-yahoo{font-weight:700;}
.intro-column-content .map{
	position:absolute;
	bottom:10px;
	width:300px;
	height:70px;
	margin-top:10px;
}
.intro-column-content dl{
	display:block;
}
.intro-column-content dt{display:inline-block;}
.intro-column-content dd{
	width:30px;
	float:right;
	font-size:14px;
	font-weight:bold;
	color:#FF9000;
}
#content{
	width: 96%; 
	padding: 5px; 
	height: 29px;
	outline: none; 
	resize: none; 
	border: 1px solid rgb(230, 230, 230); 
	font-family:Arial;
	font-size:11px;
}
.comments{
	margin-top:10px;
	color:#888;
}
.comments a{color:#00C !important;}
.period_time{
	margin-left:50px;
	margin-top:5px;
	color:#888;
	font-size:11px;
}
.comments.list .comment-items{
	padding:10px 0;
	border-bottom:1px solid rgb(230, 230, 230); 
}
.map-bound{
	width:700px;
	padding:20px;
	background:#fff;
	border-radius:15px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	-webkit-box-shadow: 0 0px 5px #ddd;
	-moz-box-shadow: 0 0px 5px #ddd;
	box-shadow: 0 0px 5px #ddd;
	position:fixed;
	top:-200%;
	left:25%;
	z-index:99999;
}
#map{
	width:700px;
	height:500px;
}
.close{
	width:32px;
	height:32px;
	background:#f00;
	background:url(/skins/news/images/close.png) center center no-repeat;
	position:absolute;
	left:-16px;
	bottom:-16px;
	cursor:pointer;
}
.paging{
	position:absolute;
	top:-2px;
	right:5px;
}
/*Intro Bottom*/
.shop-intro-bottom{
	margin-top:10px;
}
.shop-intro-center-column.category ul li{
	line-height:30px;
	border-bottom:1px dotted #E2E2E2;
	padding: 2px 0 1px !important;
}
.shop-intro-center-column.category ul li a{
	display:block;
	color:#2b2a2a;
	text-decoration:none;
	

}
.shop-intro-center-column.category ul li a:hover{color:#635f59;font-style:italic;}
/*****************************************************************Product*/
.product-items{
	width:250px;
	background: #fff;
	float:left;
	position: relative;
	text-align: center;
	padding: 10px 0 0;
	margin: 0 2px 20px 2px ;
	min-height:470px;
	border:1px #E2E2E2 solid;
	-webkit-box-shadow: 0 1px 2px #E2E2E2;
	-moz-box-shadow: 0 1px 2px #E2E2E2;
	-o-box-shadow: 0 1px 2px #E2E2E2;
	box-shadow: 0 1px 2px #E2E2E2;
}

.product-items.list{position:relative;padding-left:80px;}
.product-img{
	margin-bottom: 10px;
	height:250px;
	width:250px;
	display:table-cell;
	vertical-align:middle;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.product-img img{
	min-width:200px;
	min-height:100px;
	margin:0 auto;
	max-height:248px;
	max-width:248px;
	overflow:hidden;
}
.product-list-content ul li:hover .product-img{
	border:1px solid #D7D7D7;
}
.product-info{
	text-align: left;
	vertical-align:top;
	padding: 0 5px;
	overflow: hidden;
	background:#FFF;
	height:180px;
	line-height: 18px;
	margin: 10px 0;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
.product-items.list .product-info{width:400px;}
.product-info h2{
	margin:0;
	margin-top:10px;
	padding-top:10px;
	font-weight:normal;
	text-align:left;
	min-height:40px ;
}
.product-info h2 a{
	font-size: 16px;
	line-height: 23px;
	color: #2e2e2e;
	margin-bottom: 0;
	text-transform: uppercase;
	font-family: "Roboto", sans-serif;
	font-weight:bold;
	overflow:hidden;
}
.product-info h2 a:hover{
	color:#58af19;
}
.product-price-bound{
	
}
.product-descrition{
	text-align: left;
	vertical-align:top;
	padding:5px;
	overflow: hidden;
	height:75px;
	color:#777777;
	line-height: 19px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
	}
.product-view{
	font-size:11px;
	color:#8a8888;
	line-height:20px;
	margin:0;
	padding:0;
	display:none;
}
.product-price div {
	background:#58af19;
	position: absolute;
	display: inline-block;
	bottom: 10px;
	left: 29%;
	width: 111px;
	height: 33px;
	color: #fff;
	text-align: center;
	font-size:18px !important;
	line-height:33px;	
	}
.product-price div:hover{background: #3d3d3d;}
.code strong{font-size:18px !important;}
.product-price span{display:block;line-height:20px;}
.product-price .price-fix{
	position:absolute;
	top:260px;
	right:5px;
	display:inline-block;
	padding-top:5px;
	font-size:14px;
	font-weight:normal;
	text-decoration:line-through;
	color:#777777;
}
.product-price .price-sell{
	position:absolute;
	top:260px;
	color:#58af19;
	font: 900 24px "Roboto", sans-serif;
	left:5px;
	display:inline-block;	
	padding-bottom: 2px;
	}
.discount{
	position: absolute;
	width: 70px;
	height: 25px;
	top:5px;
	right: 0px;
	color: #fff;
	font-size: 17px;
	background: url(/skins/news/images/shop/temp09/discount.png) 0 0 no-repeat;
	text-align: center;
	overflow: hidden;
}
.product-items.list .discount{top:0;left:0;}
.discount span{
	display: block;
	font-size: 14px;
	left: 10px;
	position: absolute;
	font-weight: bold;
	top: 4px;
}
.product-shop-info-other{float:right;}
/*---------News--------*/
.news-list-items{
	padding:10px 25px;
	border-bottom:1px solid #ccc;
	position:relative;
	background:#fff;
}
.news-tile h2{
	margin-bottom: 10px;
	color: #ff4401;
	font-size:18px;
	font-weight: bold;
	line-height: 22px;
}
.news-tile h2 a{
	color: #ff4401;
	font-size: 18px;
	font-weight: bold;
}
.news-tile h2 a:hover{
	color: #737272;
}
.news-author{color:#999;font-size:11px;}
.news-brief{
	padding:10px 0;
	overflow:hidden;
	position:relative;
}
.news-brief a.img{
	display:block;
	width:156px;
	height:156px;
	float:left;
	border: 2px solid #e4e4e4;
	margin-right:20px;
}
.news-brief a img{width:156px;height:156px;}
.news-brief p{line-height:22px;margin:0;padding:0;}
.news-brief a.view-more{
	position:absolute;
	right:10px;
	bottom:10px;
	color:#f40;
}
.news-time{
	position:absolute;
	left:180px;
	bottom:10px;
	color:#888;
}
.news-time i{font-size:14px;}
.news-brief a.view-more:hover,.news-cat a:hover{color:#ff4401;}
.news-cat{
	padding:10px 0 10px 20px;
	margin:5px 0;
	border-top:1px dotted #ccc;
	color:#999;
}
/*------Footer--------*/
.efooter-bound{
	margin-top:10px;
	background:#58af19;
	padding:15px 0 50px 0;
	-webkit-box-shadow: 0 0px 5px #ddd;
	-moz-box-shadow: 0 0px 5px #ddd;
	box-shadow: 0 0px 5px #ddd\9;
	position:relative;
}
.efooter-content{
padding-left:20px;
}
.efooter-notice{
	font-size:10px;
	color:#fff;
	font-style:italic;
	text-align:right;
	position:absolute;
	bottom:5px;
	right:10px;
}