@import url("border.css");
@import url("widget.css");
@import url("purple/color.css");

/*在这里可以设置前台的颜色皮肤，目前此模板已经预设了四套颜色分案
@import url("red/color.css");
@import url("green/color.css");
@import url("blue/color.css");
@import url("black/color.css");
只要把上面四种颜色方案任意个替换第三行的就可以了
*/

@import url("pageFrame_rightMain.css");

/*在这里可以设置左右分栏，目前一共预设两种分栏方式
下面这个是主区域在右边，侧边栏在左面的布局
@import url("pageFrame_rightMain.css");
下面这个是主区域在左边，侧边栏在右面的布局
@import url("pageFrame_leftMain.css");


*/




body {font-family: "Arial";font-size: 12px;color: #666666;line-height: 180%; padding:0; margin:0; background:#fff;}
a{color:#464646;  text-decoration:none;}

a:hover{color:#333333;	text-decoration:underline;}

.AllWrap{ margin:0 auto; width:950px; }
.AllWrapInside{ margin:0 auto; 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:950px; height:34px; color:#000; }
	.headerInfo  .headerSearchBar a  { color:#000; }
	.headerInfo  .loginBar         { height:23px; right:0; }

.mainColumn      {
	width:751px;
	overflow:hidden;
}
.mainColumn4      {
	position:right;
	background-image: url(middleitemshowbg.gif);
	background-repeat: no-repeat;
	background-position: right top;
	
}
.mainColumn5      {
	position:right;
	background-image: url(img/yzjk_bg.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.sideColumn     {
	width:191px;
	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;}
.xia44{
	background-color: #fff;
	background-image: url(img/mx_44.gif);
	background-repeat: no-repeat;
	height: 10px;
}
.xia55{
	background-color: #fff;
	background-image: url(img/mx_55.gif);
	background-repeat: no-repeat;
	height: 10px;
}
.middleitmeshow{
	overflow:hidden;
	background-image: url(mx_bgg.gif);
	background-repeat: repeat-y;
}
.middleitmeshow5{
	overflow:hidden;
	background-image: url(img/mx_55bg.gif);
	background-repeat: repeat-y;
}
.middleitmeshow6{
	overflow:hidden;
	background-image: url(img/mx_55bg.gif);
	background-repeat: repeat-y;
}
.middleitmeshow7{
	overflow:hidden;
	background-image: url(img/mx_55bg.gif);
	background-repeat: repeat-y;
}
.middleitmeshow8{
	overflow:hidden;
	background-image: url(img/mx_55bg.gif);
	background-repeat: repeat-y;
}
.middleitmeshow .showitem {
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 1px;
}
.middleitmeshow5 .showitem5 {
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 1px;
}
.middleitmeshow6 .showitem6 {
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 1px;
}
.middleitmeshow7 .showitem7 {
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 1px;
}
.middleitmeshow8 .showitem8 {
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 1px;
}
.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}
.middleitmeshow5 .yellow55{
	background-image: url(img/zphh.gif);
	background-repeat: no-repeat;
}

.middleitmeshow6 .yellow66{
	background-image: url(img/yzjk2.gif);
	background-repeat: no-repeat;
}

.middleitmeshow7 .yellow77{
	background-image: url(img/sjpj.gif);
	background-repeat: no-repeat;
}
.middleitmeshow8 .yellow88{
	background-image: url(img/tbzq.gif);
	background-repeat: 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}

#Foot{padding-top: 10px;width: 950px;margin: 10px auto 0 auto;border-top: 1px #ccc solid; background:#fff;}
.flink {}
.footArticle{ margin-top:20px;}
.footPicInfo{padding:10px; text-align:center; border-bottom:1px solid #ccc;}
.footPicInfo .AdvBanner{ display:inline; margin-right:10px;}

.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: 950px;
	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: 950px;
	padding-bottom: 8px;
}
.tuijianlist {
	width: 692px;
	height: 255px;
	background-image: url(pro/tuijian.jpg);
	overflow: hidden;
}



.bai {
	line-height:25px;
	font-size: 13px;
	color: #FFFFFF;
    white-space:nowrap;
}
a.bai:link{

	font-size: 13px;
	line-height: 25px;
	color: #FFFFFF;
}
a.bai:hover{

	font-size: 13px;
	line-height: 25px;
	color: #FFFFFF;
}
a.bai:visited{

	font-size: 13px;
	line-height: 25px;
	color: #FFFFFF;
}
a.bai:active{

	font-size: 13px;
	line-height: 25px;
	color: #FFFFFF;
}
.fkhui {
	line-height:30px;
	font-size: 14px;
	border: 1px solid #E6E6E6;
	padding: 10px;
	color: #666666;
}
.fkhui OL LI{
	line-height:30px;
	font-size: 14px;
	color: #666666;
}




.left {
	float: left;
	width: 240px;
}
.AllWrap { }
.AllWrap clearfix .left ul {
}
.main_new {
	float: right;
	width: 704px;
}
.huik {
	border: 1px solid #E0E0E0;
	margin: 2px;
}


.pinpai {
	clip: rect(auto,auto,auto,7px);
}

.pinpai a {
	display: block;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
}
.lx {
	display: block;
}

.lx ul{
	display: block;
}
.lx li{
	background-color: #F7F7F7;
	border: 1px solid #CCCCCC;
	height:35px;
	width: 30%;
	text-align: center;
	vertical-align: middle;
	margin: 2px;
	display: block;
	float: left;
}
.lx a{

}



.lxp {
	display: block;
}

.lxp ul{
	display: block;
}
.lxp li{
	background-color: #F7F7F7;
	border: 1px solid #CCCCCC;
	height:25px;
	width: 21%;
	text-align: center;
	vertical-align: middle;
	margin: 2px;
	display: block;
	float: left;
}
.lxp a{

}



.lx2 {
	display: block;
}

.lx2 ul{
	display: block;
}
.lx2 li{
	background-color: #F7F7F7;
	border: 1px solid #CCCCCC;
	height:30px;
	width: 50px;;
	text-align: center;
	vertical-align: middle;
	margin: 2px;
	display: block;
	float: left;
}
.lx2 a{

}

.span-43 {
	display: block;
	width: 69px;
	float: left;
}
.span-42 {
	display: block;
	width: 104px;
	float: left;
}













.bai144 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
	color: #FFFFFF;
	display: block;
    white-space:nowrap;
}
.hei14 {
	font-size: 14px;
	font-weight: bolder;
	color: #333333;
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 5px;
}
.hei14 a{
	color: #333333;
}



/* Nav
==========================================================*/
.nav {
	position: relative;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-image: url(../images/img/dh_z.gif);
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.navinner {
	background-repeat: no-repeat;
	background-position: right 0px;
	background-image: url(../images/img/dh_y.gif);
}
.navlist {
	height: 35px;
	line-height: 36px;
	overflow: hidden;
	background-repeat: repeat-x;
	background-position: 0 0;
	background-image: url(../images/img/dh_bg.gif);
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 5px;
	margin-left: 5px;
}
.sy{
	background-image: url(../images/img/sy_88.gif);
	background-repeat: no-repeat;
	background-position: center 0px;
	height: 35px;
	width: 78px;
	float: left;
	color: #FFFFFF;
	text-align: center;
}

.nav li {
	float: left;
	display: inline;
	margin: 0 0 0 -2px;
	padding: 0 4px 0 6px;
	background-repeat: no-repeat;
	background-position: 0 0px;
}
.nav a {
    display: block;
    width: 90px;
    text-align: center;
    font-size: 120%;
}
.nav a:link, .nav a:visited {
	color: #888888;
	font-weight: bold;
}
.nav a.current, .nav a:hover, .nav a:active {
	color: #fff;
	font-weight: bold;
	background-image: url(../images/img/sy_88.gif);
	background-repeat: no-repeat;
	background-position: center 0px;
	text-decoration: none;
	width: 90px;
	text-align: center;
}
.subnav {
	position: absolute;
	top: 41px;
	left: 0;
	float: left;
	height: 27px;
	line-height: 27px;
	white-space: nowrap;
	background-image: url(../images/img/n_z.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
* html .subnav {
    margin: 0 10px 0 -10px; /* IE 6 and below */
}
.subnav p {
	padding: 0 10px;
	background-repeat: no-repeat;
	background-position: right 0px;
	background-image: url(../images/img/n_y.gif);
}
.subnav p span {
	display: block;
	background-image: url(../images/img/n_bg.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}
.subnav p.pointer {
	position: absolute;
	top: -4px;
	left: 0;
	height: 5px;
	width: 11px;
	padding: 0;
	margin-left: 20px;
	text-indent: -999em;
	background-image: url(../images/img/d.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;	
}
.subnav a {
    display: inline;
    padding: 0;
    font-size: 100%;
}
[class~="subnav"] a {
    padding: 0 3px;
}
.subnav, .subnav a:link, .subnav a:visited {
    color: #235e99;
}
.subnav a:hover, .subnav a:active {
    color: #235e99;
}
.subnav a:hover, .subnav a:active {
    font-weight: normal;
    background: none;
    border-bottom: 2px solid;
}
/* subnav position and pointer position */
#subnav1 { left: 120px; }
#subnav2 { left: 100px; }
#subnav3 { left: 275px; }
#subnav4 { left: 400px; }
#subnav5, #subnav6, #subnav7 { 
    left: auto;
    right: 0px;
}

#subnav1 .pointer,{ left: auto; right: 500px; }
#subnav2 .pointer { left: auto; right: 475px; }
#subnav3 .pointer,
#subnav4 .pointer { left: 30px; }
#subnav5 .pointer { left: auto; right: 160px; }
#subnav6 .pointer { left: auto; right: 70px; }
#subnav7 .pointer { left: auto; right: 70px; }

#subnav1, #subnav2, #subnav3, #subnav4 {
    min-width: 86px;
}
#subnav5 { min-width: 240px; }
#subnav6 { min-width: 240px; }
#subnav7 { min-width: 130px; }

/* Note
==========================================================*/
.note {
    margin: 0 15px 10px;
	color:#666666;
}
.note span{
	float:right;
}
.disable {
    display: none;
}