@import url("border.css");

@import url("widget.css");



@import url("red/color.css");



/*在这里可以设置前台的颜色皮肤，目前此模板已经预设了四套颜色分案

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

@import url("red/color.css");

@import url("green/color.css");

@import url("blue/color.css");

只要把上面四种颜色方案任意个替换第三行的就可以了

*/



@import url("pageFrame_leftMain.css");



/*在这里可以设置左右分栏，目前一共预设两种分栏方式

下面这个是主区域在右边，侧边栏在左面的布局

@import url("pageFrame_rightMain.css");

下面这个是主区域在左边，侧边栏在右面的布局

@import url("pageFrame_leftMain.css");





*/









body {font-family: "Arial";font-size: 12px;color: #666666;line-height:20px; padding:0; margin:0}

a{color:#464646;  text-decoration:none;}

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



.AllWrap{ margin:0 auto; width:1003px}

.AllWrapInside{ margin:0 auto; width:1003px; }







.headerInfo                { height:183px; position:relative; z-index:2 }

	.headerInfo  .logo     { position:absolute; left:0; top:3px }

	.headerInfo  .topMenu  { position:absolute; right:0; top:3px;}

	.headerInfo  .topMenu a{ text-decoration:underline;}

	.headerInfo  .info     { position:absolute; left:25px; top:85px; width: 200px; }

	.headerInfo  .cartBar  { height:29px; left:685px; position:absolute; top:125px; width:250px; }

    .headerInfo  .menu     { position:absolute; height:35px; line-height:35px; left:250px; top:80px }

	.headerInfo  .submenu  { position:absolute; height:35px; line-height:35px; left:681px; top:42px }

	.headerInfo  .topbtn   { position:absolute; height:35px; line-height:35px; left:10px; top:112px; width:160px; overflow:hidden }

	.headerInfo  .topbtn .ArticleListWrap{ position:absolute; left:15px;}

	.headerInfo  .menu li a { width:85px; height:29px; display:block; float:left; text-align:center; line-height:29px;}

	.headerInfo  .menu li a:hover  {text-decoration:none;}

	.headerInfo  .headerSearchBar  { position:absolute; left:90px; top:114px; height:34px; line-height:34px; color:#fff}

	.headerInfo  .headerSearchBar a  { color:#fff; }

	.headerInfo  .loginBar         { height:23px; left:390px; position:absolute; top:5px;}
	

.sskey a{ color:#fff; }





.topMainBannerArea{}

.topMainBannerArea .a{ width:500px;height:237px; position:relative;z-index:1; float:left }

.topMainBannerArea .b{ width:271px; height:237px; background:url(topbanner-re.gif) 0 bottom no-repeat; float:right}





#slidergoods{margin:70px 5px 5px 5px ;position:relative; height:152px; overflow:hidden;}

#slidergoods .GoodsListWrap{ width:1080px; position:absolute; left:0; top:0;height:152px;}

#slidergoods .GoodsListWrap .itemsWrap .item{ padding-right:10px;}

#slidergoods .GoodsListWrap .itemsWrap .item .goodsImg{ background:#fff; border:1px solid #fff}





.gname{ float:right; width:150px;}
.gleft img{ float:left; width:110px;}












.mainColumn       { width:787px; overflow:hidden}

.mainColumn_left  { width:580px; float:left; margin-right:6px; margin-top:10px; overflow:hidden}

.mainColumn_left2  { width:787px; float:left; margin-right:0px; margin-top:10px; overflow:hidden}

.mainColumn_right { width:200px; float:left;margin-top:10px; overflow:hidden}


/*
.sideColumn     { width:158px; overflow:hidden;}

.sideColumn .sideWrapTop     { background:url(sider-top.gif)  no-repeat; height:10px; overflow:hidden; }

.sideColumn .sideWrapBg     { background:url(sider-bg.gif) ; }

.sideColumn .sideWrapBottom   { background:url(sider-bottom.gif) no-repeat; height:11px;}

.sideColumn .AdvBanner img    { margin-top:1px;}



.ShopCartWrap{ cursor:pointer}
*/
.sideColumn     { width:201px; overflow:hidden;}

.sideColumn .sideWrapTop     { background:url(sider-topb.gif)  no-repeat; height:33px; overflow:hidden; }

.sideColumn .sideWrapBg     { background:url(sider-bgb.gif) ; }

.sideColumn .sideWrapBottom   { background:url(sider-bottomb.gif) no-repeat; height:15px;}

.sideColumn .AdvBanner img    { margin-top:1px;}


.sideColumn .sideWrapTop2     { background:url(sider-topb2.gif)  no-repeat; height:33px; overflow:hidden; }

.sideColumn .sideWrapBg2     { background:url(sider-bgb2.gif) ; }

.sideColumn .sideWrapBottom2   { background:url(sider-bottomb2.gif) no-repeat; height:15px;}


.sideColumn .sideWrapTop3     { background:url(sider-topb3.gif)  no-repeat; height:33px; overflow:hidden; }

.sideColumn .sideWrapBg3     { background:url(sider-bgb3.gif) ; }

.sideColumn .sideWrapBottom3   { background:url(sider-bottomb3.gif) no-repeat; height:15px;}


.sideColumn .sideWrapTop4     { background:url(sider-topb4.gif)  no-repeat; height:33px; overflow:hidden; }

.sideColumn .sideWrapBg4     { background:url(sider-bgb4.gif) ;  }
.sideColumn .sideWrapBg4  li{ padding-top:3px; padding-bottom:3px;}

.sideColumn .sideWrapBottom4   { background:url(sider-bottomb4.gif) no-repeat; height:15px;}




.ShopCartWrap{ cursor:pointer}



.tabcontent{width:580px}

.tabcontent .body{ background:url(tabcontentbg.gif) no-repeat;_height:50px;}

.tabcontent .bottom{ background:url(tabcontentbg.gif) no-repeat 0 bottom; height:10px; margin-top:-5px;}



.mainrightContent .t{ background:url(mainrightContent-top.gif) no-repeat ; height:9px;overflow:hidden}

.mainrightContent .b{ background:url(mainrightContent-bg.gif); padding:0 5px;}

.mainrightContent .bo{ background:url(mainrightContent-bottom.gif) no-repeat; height:10px;overflow:hidden}





.coloredbg{ margin-top:10px;}

.coloredbg .t{height:6px; line-height:6px;overflow:hidden}

.coloredbg .b{padding:1px 7px;}

.coloredbg .bo{ height:6px;overflow:hidden}

.coloredbg ul li{ float:left; width:auto;}







































.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}



#Foot{ background:#fff url(footbg.gif) repeat-x; margin-top:10px; }

.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;}