﻿@import url("border.css");
@import url("widget.css");

/*在这里可以设置前台的颜色皮肤，目前此模板已经预设了四套颜色分案
@import url("red/color.css");
@import url("green/color.css");
@import url("blue/color.css");
@import url("black/color.css");
只要把上面四种颜色方案任意个替换第三行的就可以了
*/

@import url("pageFrame_leftMain.css");

/*在这里可以设置左右分栏，目前一共预设两种分栏方式
下面这个是主区域在右边，侧边栏在左面的布局
@import url("pageFrame_rightMain.css");
下面这个是主区域在左边，侧边栏在右面的布局
@import url("pageFrame_leftMain.css");


*/
body {
	font-family: "Microsoft YaHei","Arial";
	font-size: 12px;
	color: #ee845c;
	line-height: 180%;
	padding:0;
	margin:0;
	background-color: #fff;
	background-image: url(bg.gif);
	background-repeat: repeat-y;
	background-position: center;
}
a{
	color:#ee845c;
	text-decoration:none;
}

a:hover{color:#90c31f;	text-decoration:none;}

#head {
	width: 960px;
	height: 114px;
	background-image:url(top_left.gif);
	background-repeat: no-repeat;
	margin:0 auto;
}
#head_left {
	float:left;
	width: 350px;
	white-space: nowrap;
}
#head_right {
	float:right;
	width: 610px;
	overflow:hidden;
	height:114px;
}
#head_right_l {
	width:211px;
	float:left;
	padding-left:50px;
	*padding-left:0px;
	*margin-left:50px;
	position:absolute;
}
#head_right_r {
	width:399px;
	float:right;
	height:114px;
}
#head_right_1 {
	text-align:right;
	font-size:14px;
	margin-top:10px;
	height:20px;
	padding-left:53px;
	white-space: nowrap;
}
#head_right_1 a {
	color:#8CBDE2;
}

#head_right_1 a:hover {
	color:#90c31f;
}
#help_nr {
	border-top:1px dashed #8CBDE2;
	margin:0 auto;
	padding-top:15px;
	width:632px;
}
#head_right_2 {
	margin-top:10px;
	line-height:20px;
	text-align:right;
	white-space: nowrap;
}

#head_right_2 a {
	text-decoration:none;
}
#head_right_3 {
	float:right;
	margin-top:10px;
	height:18px;
	width:270px;
}

#head_right_3 ul {
	height:18px;
	float:right;
white-space:nowrap;
	vertical-align:bottom;
}
#head_right_3 li {
	float: left;
	height:18px;
	margin-left:5px;
}
#head_dh {
	width:960px;
	text-align:center;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #8cbde2;
	clear:both;
	height: 25px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #8cbde2;
	margin:0 auto;
}
#head_dh_l {
	width:500px;
	*width:480px;
	height:25px;
	float:left;
	padding-left: 220px;
	padding-top:5px;
	
}
#head_dh_l span {
	background-image: url(xg.gif);
	background-repeat: no-repeat;
	background-position: center center;
	padding:4px 6px 0;
}
#head_dh_r {
	width:162px;
	height:25px;
	float:right;
	white-space: nowrap;
	padding-top:5px;
}
#head_dh_r #cart_lj {
	width:90px;
	height:25px;
	display:block;
	overflow:hidden;
	font-weight: bold;
	padding:0;
}
#head_dh a {
	padding:0 6px;
	text-decoration:none;
}

.InputBorder  {
border:1px solid #ef845c;
height:14px;
width:108px;
}
#gg {
	width:960px;
	height:500px;
	margin:0 auto;
	white-space: nowrap;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #8cbde2;
	clear:both;
	vertical-align:middle;
	margin-bottom:25px;
	position:relative;
}
#gg_left {
	width:232px;
	height: 330px;
	float:left;
	position:absolute;
	padding-top:50px;
	left:0px;
}
#gg_left1 {
	width:132px;
	background-image: url(gg_left1.gif);
	background-repeat: no-repeat;
	height: 54px;
	float:left;
}
#gg_left2 {
	width:auto;
	height:auto;
	float:left;
}
#gg_mid {
	width:780px;
	height:500px;
	margin:0 auto;
}
#gg_right {
	float:right;
	width:120px;
	height:auto;
	visibility: visible;
	z-index: 99999;
	background-position: right;
}

#gg2 {
	width:960px;
	height:350px;
	margin:0 auto;
	clear:both;
	white-space: nowrap;
	clear:both;
	vertical-align:middle;
}
#gg_mid2 {
	width:780px;
	height:312px;
	margin:0 auto;
}
#gg_midx {
	width:780px;
	height:312px;
	margin:0 auto;
}
#gg_right2 {
	float:right;
	width:120px;
	height:auto;
	visibility: visible;
	z-index: 99999;
	background-position: right;
}


#ggs {
	width:960px;
	height:auto;
	margin:0 auto;
	white-space: nowrap;
	clear:both;
	vertical-align:middle;
	padding-bottom:30px;
	position:relative;
}
#ggs_left {
	width:132px;
	height: 330px;
	float:left;
	overflow: visible;
	visibility: inherit;
	z-index: auto;
}

#ggs_left2 {
	width:132px;
	height: 330px;
	float:left;
	position:absolute;
	left:0px;
}
#ggs_mid {
	width:632px;
	padding-left:40px;
	float:left;
	white-space: normal;
}
#ggss_mid {
	width:700px;
	float:left;
	white-space: normal;
}
#ggs_right {
	float:right;
	width:120px;
	height:auto;
}

.ArticleDetailsWrap {

	padding-top:20px;
}

#sp_new {
	width:960px;
	height:1320px;
	margin:0 auto;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #8cbde2;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #8cbde2;
	margin-bottom:25px;
}

#sp {
	width:960px;
	height:680px;
	margin:0 auto;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #8cbde2;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #8cbde2;
	margin-bottom:25px;
}

#spx {
	width:960px;
	height:auto;
	margin:0 auto;
}

#sp2 {
	width:960px;
	height:auto;
	margin:0 auto;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #8cbde2;
}

#sp_left {
	width:90px;
	height:620px;
	float:left;
	background-image: url(sp_left_hot.gif);
	background-repeat: no-repeat;
}

#sp_leftx {
	width:90px;
	float:left;
	height:auto;
}


#sp_left2 {
	width:90px;
	height:620px;
	float:left;
	background-image: url(sp_left_new.gif);
	background-repeat: no-repeat;
}


#sp_left3 {
	width:90px;
	height:620px;
	float:left;
	background-image: url(sp_left_other.gif);
	background-repeat: no-repeat;
}


#sp_left4 {
	width:90px;
	height:620px;
	float:left;
	background-image: url(sp_left_0li.gif);
	background-repeat: no-repeat;
}

#sp_mids {
	width:780px;
	float:left;
}
#sp_mid {
	width:780px;
	margin:0 auto;
	*float:left;
}

#sp_left {
	width:90px;
	float:left;
}

#foot {
	width:960px;
	margin:0 auto;
	padding-top:30px;
}
	

#foot_dh {
	width:960px;
	margin:0 auto;
	text-align:center;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #8cbde2;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #8cbde2;
	clear:both;
	vertical-align:middle;
	height: 25px;
	padding-top:10px;
}

#foot_dh span {
	background-image: url(xg.gif);
	background-repeat: no-repeat;
	background-position: center center;
	padding:6px 6px 0;
}

#foot_logo {
	height:60px;
	background-image: url(foot_logo.gif);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top:15px;
	padding-bottom:15px;
}

#foot_info {
	margin:0 auto;
	line-height:25px;
	text-align:center;
}

.price0{font-size:12px;color:#65aadd;}
.price4{font-size:16px;color:#65aadd; font-weight:bold;}


.entry-content {text-align:center;}

#kefu {position:absolute;width:115px;top:60px; float:left;overflow:hidden;font-size:12px;color:#666;text-align: left;}
	#kefu B {color:#f69;}
	#kefu UL {padding:10px 0 0;}
	#kefu_content {clear:both;height:318px;overflow:hidden;}
	#kefu_content * {line-height:18px;}
	#kefu_content SPAN {margin:10px 0 0;}
	#seabs {display:block;position:absolute;right:6px;top:12px;float:right;overflow:hidden;cursor:pointer;color:#dad;font-weight:bold;text-align:right;}
	#seabs SPAN {display:block;float:right;width:14px;margin:6px 10px 0 0;}
	#seabs_s {display:block;width:50px;overflow:hidden;cursor:pointer;color:#dad;}
	#seabs_s SPAN {display:block;float:right;width:14px;margin:6px 6px 0 0;text-align:center;}
	#kefu UL {margin:0;padding:0;list-style:none;}
	#kefub1 {
	width:99px;
	height:136px;
	float:right;
	background-image: url(kefu_top.gif);
	background-repeat: no-repeat;
}
	#kefub1 DIV {}
	#kefub1 P {padding:2px 0 0;font-size:12px;font-family:times;}
	#kefub1 P B {font-size:12px;}
	#kefub2 {width:auto; height:auto;
	float:right;
	padding-bottom:3px;
	}
	#kefub2 DIV {padding:0 0 12px 8px;}
	#kefub2 LI {background:url(/sbtheme/images/shop/lis.gif) no-repeat 0 center;}


#help_dh {
	background-image:url(06.png);
	width:672px;
	height:150px;
	margin:0 auto;
	padding-bottom:15px;
	background-repeat: no-repeat;
}
#help_nav {
	padding-left:33px;
}
#help_dh1 {
	width:120px;
	height:50px;
	overflow:hidden;
	float:left;
	padding-left:30px;
	padding-top:80px;
}
#help_dh2 {
	width:120px;
	height:50px;
	overflow:hidden;
	float:left;
	padding-left:10px;
	padding-top:80px;
}
#help_dh3 {
	width:120px;
	height:50px;
	overflow:hidden;
	float:left;
	padding-left:10px;
	padding-top:80px;
}
#help_dh4 {
	width:120px;
	height:50px;
	overflow:hidden;
	float:left;
	padding-left:10px;
	padding-top:80px;
}
#help_dh5 {
	width:120px;
	height:50px;
	overflow:hidden;
	float:left;
	padding-left:10px;
	padding-top:80px;
}

.commentTextr  {
color:#EF845C;
margin-top:5px;
width:600px;
}


.AllWrap{ margin:0 auto; width:960px}
.AllWrapInside{ width:960px; margin:0 auto; }
.MemberCenter{ float:left; width:950px; }



.headerInfo                { height:183px; position:relative; z-index:2 }
	.headerInfo  .logo     { position:absolute; left:0; top:3px }
	.headerInfo  .topMenu  { position:absolute; right:0; top:5px;}
	.headerInfo  .topMenu a{ text-decoration:underline;}
	.headerInfo  .info     { position:absolute; right:275px; top:67px; width: 147px; }
	.headerInfo  .cartBar  { height:29px; left:722px; position:absolute; top:68px; width:180px; }
    .headerInfo  .menu     { position:absolute; height:35px; line-height:35px; left:170px; top:102px }
	.headerInfo  .topbtn   { position:absolute; height:35px; line-height:35px; left:0; top:109px }
	.headerInfo  .topbtn a {width:79px; height:29px;display:block; float:left;  margin-right:5px}
	.headerInfo  .topbtn .cate  { background:url(topbtn-cate.gif); width:71px;}
	.headerInfo  .topbtn .brand  {background:url(topbtn-brand.gif)  no-repeat}
	.headerInfo  #catebox  {  background:#fff; border:1px solid #af85b2; border-top:1px solid #fff;position:absolute; top:138px; width:930px; padding:10px; z-index:10; }	
	.headerInfo  #brandbox  { background:#fff; border:1px solid #af85b2;border-top:1px solid #fff;position:absolute; top:138px; left:80px; width:850px; padding:10px; z-index:10; }	
	.headerInfo  .menu li  { padding-right:10px}
	.headerInfo  .menu li a{ color:#fff}
	.headerInfo  .headerSearchBar  { position:absolute; left:0; top:146px; width:960px; height:34px; color:#000; }
	.headerInfo  .headerSearchBar a  { color:#000; }
	.headerInfo  .loginBar         { height:23px; right:0; position:absolute; top:150px;}

.mainColumn      { width:761px; overflow:hidden;}
.sideColumn     { width:181px; overflow:hidden;}
.sideColumn .AdvBanner img    { margin-top:1px;}

.ShopCartWrap{ cursor:pointer}

.topMainBannerArea{ background:url(topMainBannerArea.gif); width:753px; height:275px; padding:6px 4px;overflow:hidden}
.topMainBannerArea .series{ float:left; height:275px; }
.topMainBannerArea .a{ width:453px; position:relative;z-index:1 }
.topMainBannerArea .b img{ border:1px solid #ccc; border-bottom:0}
.topMainBannerArea .b{ width:119px;}
.topMainBannerArea .c{ width:181px;}

#slidergoods{position:relative; height:auto; overflow:hidden; border:1px solid #ccc;}
#slidergoods .GoodsListWrap{ width:1180px; position:absolute; left:0; top:0;height:152px;}
#slidergoods .GoodsListWrap .itemsWrap .item{ padding-right:10px;  border-right:1px dotted #ccc;}

.middleitmeshow{background:#fff url(middleitemshowbg.gif) repeat-x;}
.middleitmeshow .showitem { padding:15px 0 0 40px;}
.middleitmeshow .showitem .pic{ position:relative}
.middleitmeshow .showitem .pic .siderintro{ position:absolute; top:0; left:-30px; width: 22px; height: 106px; color:#fff; line-height:14px}
.middleitmeshow .red{ background:url(middleitemshowTitle-red.gif) no-repeat}
.middleitmeshow .yellow{ background:url(middleitemshowTitle-yellow.gif) no-repeat}
.middleitmeshow .green{ background:url(middleitemshowTitle-green.gif) no-repeat}
.middleitmeshow .middleitmeshowArt { border-top:1px solid #ccc;}
.middleitmeshow .middleitmeshowArt h6{ margin:2px; text-align:left;}

.vcat .c-cat-depth-1 { padding:0; margin:0; overflow:hidden;_height:1%}
.vcat .c-cat-depth-1 ul{ padding:0; margin:0}
.vcat .c-cat-depth-2 { padding:0;}
.vcat .c-cat-depth-2  table{width:100%;}
.vcat .c-cat-depth-2  td{width:40%; padding:2px; margin:0}
.vcat .c-cat-depth-2  td a{ display:block; border:1px solid #ccc; background:#efefef; text-align:center; padding:1px 2px;}


.middleSep{ border-top:1px solid #ddd; border-bottom:1px solid #ddd;padding:10px 0; margin:10px auto}
.middleSep .VsepTips{ float:left; width:12px; padding:3px; color:#fff; line-height:14px; }
.middleSep .colorGreen{ background:#b7b82d}
.middleSep .colorYellow{ background:#b89c2d}
.middleSep .colorRed{ background:#b82d55}
.middleSep .middleSepContent{ float:left; width:161px; margin-right:5px; border-right:1px solid #ddd; margin-right:10px }
.middleSep .middleSepContent .GoodsListWrap{ text-align:left; padding:0;}
.middleSep .middleSepContent .GoodsListWrap h6{ margin:0;} 

.middleCulomnPic{ margin:5px auto; text-align:center}
.middleCulomnPic img{ border:1px solid #ccc; margin:10px 0}
.headerInfo .menu li  div{ padding:3px; margin:0; line-height:20px;}
.headerInfo .menu li  .v-m-page a{ color:#000;}


.pro_gonggao {
	height: 255px;
	width: 258px;
	background-image: url(pro/gonggao.jpg);
	float: left;
}


.pro_tuijian {
	padding-top: 8px;
	width: 960px;
	float: left;
}
.tuijianlist ul li {
	float: left;
	height: 178px;
	width: 147px;
	list-style-type: none;
	margin-top: 59px;
	margin-right: 15px;
	margin-bottom: 0px;
	margin-left: 9px;
	padding: 0px;
}
.tuijianlist ul {
	margin: 0px;
	padding: 0px;
}

.pro_list {
	background-image: url(pro/bg.jpg);
	background-repeat: no-repeat;
	float: right;
	height: 220px;
	width: 728px;
}

.pro_top {
	width: 960px;
	padding-bottom: 8px;
}
.tuijianlist {
	width: 692px;
	height: 255px;
	background-image: url(pro/tuijian.jpg);
	overflow: hidden;
}


.goodspic {
	padding-right:15px;
}
ul.list li {
	padding-bottom:10px;
}