@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_leftMain.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}
a{color:#464646;  text-decoration:none;}
a:hover{color:#000000;	text-decoration:underline;}

.AllWrap{ margin:0 auto; width:950px; }
.AllWrapInside{ margin:0 auto; width:950px;  border-top:1px solid #ddd; }


.headerInfo                { height:183px; position:relative; z-index:2 }
	.headerInfo  .logo     { position:absolute; left:0; top:36px }
	.headerInfo  .topMenu  { position:absolute; right:5px; top:5px; }
	.headerInfo  .topMenu a{ text-decoration:underline;color:#0888C9}
	.headerInfo  .info     { position:absolute; left:230px; top:36px; width: 147px; }
	.headerInfo  .cartBar  { height:29px; right:0px; position:absolute; top:68px; width:120px; }
    .headerInfo  .menu     { position:absolute; height:35px; line-height:35px; left:20px; 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; padding-left:5px;}
	.headerInfo  .headerSearchBar a  { color:#000; }
	.headerInfo  .loginBar         { height:23px; right:0; position:absolute; top:150px;}

.mainColumn      { float:right;width:761px; overflow:hidden;}
.sideColumn     { float:left;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:170px; margin-left:11px;}
.topMainBannerArea .c .c_top{ margin-top:-15px;}
.topMainBannerArea .c .c_top h3{ background:#ccc; color:#990000; width:181px; height:25px; line-height:25px; vertical-align:middle }

#slidergoods{position:relative; height:auto; overflow:hidden; border:1px solid #ccc; }
#slidergoods .GoodsListWrap{ width:580px; position:absolute; left:0; top:0;height:152px;}
#slidergoods .GoodsListWrap .itemsWrap .item{ padding-right:0px;  border-right:1px dotted #ccc;}

.middleitmeshow{ border:1px solid #ccc; height:290px; margin-top:15px;}
.middleitmeshow .showitem { padding:15px 0 0 40px; }
.middleitmeshow .showitem .pic{ position:relative; margin-top:-20px;}
.middleitmeshow .showitem .pic .showitem_span{display:inline-block; color:#0888C9; width:100px;margin-left:-14px;font-size:15px; height:30px; font-weight:bold; border:0px; margin-top:10px;}
.middleitmeshow .showitem .pic .siderintro{ position:absolute; top:20px; left:-40px; width: 152px; height: 35px; color:#0888C9; line-height:35px; }
.middleitmeshow .showitem .pic .floatLeft1{margin-left:135px;height:273px; margin-top:-10px;}
.middleitmeshow .showitem .pic .floatLeft2{margin-left:135px; height:243px; padding-top:24px; }

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

.middleitmeshowAd{ margin-top:9px; border:1px solid #ccc; text-align:center; padding:2px;}

.middleitmeshow3{ height:282px;}
.middleitmeshow3 .showitem { padding:0px 0 0 40px;}
.middleitmeshow3 .showitem .pic{ position:relative; }
.middleitmeshow3 .showitem .pic .siderintro{ position:absolute; top:0px; left:-38px; width: 152px; height: 35px; color:#0888C9; line-height:35px; }
.middleitmeshow3 .showitem .pic .showitem_span{display:inline-block; color:#0888C9; width:100px;margin-left:-14px;font-size:15px; height:20px;font-weight:bold; border:0px;}
.middleitmeshow3 .showitem .pic .siderintro span{display:inline-block; margin-left:20px;font-size:15px; line-height:35px; height:35px; font-weight:bold; border:0px;}
.middleitmeshow3 .showitem .pic .siderintro .AdvBanner{width:166px; height:241px; border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.middleitmeshow3 .showitem .pic .siderintro .AdvBanner img{width:166px; height:241px; display:block;}
.middleitmeshow3 .showitem .pic .floatLeft1{margin-left:135px; height:243px;padding-top:24px;*padding-top:34px; _padding-top:34px;}
.middleitmeshow3 .showitem .pic .floatLeft1 .listConent{margin-left:-2px; width:586px; height:99%; margin-top:11px;border:1px solid #ccc;}

.middleitmeshow2{ height:282px; margin-top:-5px;}
.middleitmeshow2 .showitem { padding:15px 0 0 40px;}
.middleitmeshow2 .showitem .pic{ position:relative; }
.middleitmeshow2 .showitem .pic .siderintro{ position:absolute; top:0px; left:-38px; width: 152px; height: 35px; color:#0888C9; line-height:35px; }
.middleitmeshow2 .showitem .pic .siderintro span{display:inline-block; margin-left:20px;font-size:15px; line-height:35px; height:35px; font-weight:bold; border:0px;}
.middleitmeshow2 .showitem .pic .siderintro .AdvBanner{width:166px; height:241px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.middleitmeshow2 .showitem .pic .siderintro .AdvBanner img{width:166px; height:241px; display:block;}

.middleitmeshow2 .showitem .pic .floatLeft1{margin-left:135px;height:273px; }
.middleitmeshow2 .showitem .pic .floatLeft2{margin-left:135px; height:243px; padding-top:24px;*padding-top:35px; _padding-top:35px;}
.middleitmeshow2 .showitem .pic .floatLeft2 .listConent{margin-left:-2px; border:1px solid #ccc; width:586px; height:99%; margin-top:11px;}
.middleitmeshow2 .clear{ line-height:1px; min-height:1px; height:1px;}
.promise{ margin-top:4px;*margin-top:4px;_margin-top:4px;}
.promise a{ display:inline-block; margin:0px; padding:0px;}
.promise .middleitmeshow4{ height:151px; background:url(promise.gif) no-repeat;}
.promise .middleitmeshow4 .middleSepContent1{ float:left;width:25%; padding:50px 0 0 20px;}
.promise .middleitmeshow4 .middleSepContent2{ float:left;width:25%; padding:50px 0 0 0px; margin-left:-2px;}
.promise .middleitmeshow4 .middleSepContent3{ float:left;width:48%;  padding:50px 0 0 0px; margin-left:-5px;}


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

.vcat2 .c-cat-depth-1 { padding:0; padding-top:12px; margin:0 0 0px 4px; overflow:hidden;_height:1%}
.vcat2 .c-cat-depth-1 a{ height:25px;}
.vcat2 .c-cat-depth-1 ul{ padding:0; margin:0; }
.vcat2 .c-cat-depth-2 { padding:0; margin:4px auto}
.vcat2 .c-cat-depth-2  table{width:100%;}
.vcat2 .c-cat-depth-2  td{padding:2px; margin:0; }
.vcat2 .c-cat-depth-2  td a{ display:block; border:0px solid #ccc;  background:#fff; text-align:left;width:83px;}


.vbrand .BrandListWrap { padding:0;}
.vbrand .BrandListWrap  table{width:100%; display:inline-block}
.vbrand .BrandListWrap  tr{ height:35px;}
.vbrand .BrandListWrap  td{  vertical-align:middle; text-align: center; width:75px; height:35px; padding-top:2px;}
.vbrand .BrandListWrap  td a{background:#fff; text-align:center;}
.vbrand .BrandListWrap img{ display:inline-block;width:76px; height:35px;border:1px solid #ccc; margin:2px; padding:2px; }

.vbrand .BrandListWrap .more a{ color:#0888C9}
.siderMainBorder .BrandListWrap{ margin:0px; padding:0px;}
.siderMainBorder.blue .BrandListWrap{ margin:0px; padding:0px;}

.middleSep{ border:1px solid #ddd;padding:10px 0; margin:10px auto}
.middleSep .middleSepTitle{ padding-bottom:4px;}
.middleSep .middleSepTitle span{ position:relative;display:inline-block; margin-left:7px; padding-left:-2px;font-size:15px; font-weight:bold;color:#339900;}
.middleSep .VsepTips{ float:left; margin-left:4px; 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:162px; margin-right:5px; }
.middleSep .middleSepContent .GoodsListWrap{ text-align:left; padding:0;}
.middleSep .middleSepContent .GoodsListWrap h6{ margin:0;} 


.middleSep2{ padding:2px 0; margin:0px auto; width:590px;}
.middleSep2 span{ position:relative;display:inline-block; margin-left:7px; padding-left:-2px;font-size:15px; font-weight:bold;color:#FC920A;}
.middleSep2 .VsepTips{ float:left; width:12px; padding:3px; color:#fff; line-height:14px; }
.middleSep2 .colorGreen{ background:#b7b82d}
.middleSep2 .colorYellow{ background:#b89c2d}
.middleSep2 .colorRed{ background:#b82d55}
.middleSep2 .middleSepContent{ float:left; width:275px; margin-right:5px;}
.middleSep2 .middleSepContent .GoodsListWrap{ text-align:left; padding:0;}
.middleSep2 .middleSepContent .GoodsListWrap h6{ margin:2px;padding-left:7px;} 
.middleSep2 .middleSepContent .GoodsListWrap .item{ background:url(title_bg.gif); border-bottom:1px dashed #ccc; margin-right:5px; }

.middleCulomnPic{ margin:5px auto; text-align:center}
.middleCulomnPic img{ border:1px solid #ccc; margin:10px 0}

#Foot{ background:#fff  margin-top:10px; margin-left:18px;}
.footArticle{ margin-top:20px;}

.footArticle h3{color:#0888C9}
.footArticle .TreeList .cat2 a{color:#0888C9}
.footArticle .span-5 { border-right:1px solid #ccc;height:145px; width:148px;}
.footArticle .span-6 { border-right:1px solid #ccc; height:145px; width:148px;}
.footArticle .last{ border-right:0; }
.footPicInfo{padding:5px; text-align:center; border-bottom:1px solid #ccc; width:80%; margin:0 auto;}
.footPicInfo .clearfix{ line-height:5px;}
.footPicInfo .AdvBanner{ display:inline; margin-right:0px;}
.themefoot{line-height: 20px; font-size: 13px; text-align: center;}
.themefoot .clearfix{ line-height:1px;}
.aboutus{ position:relative; z-index:999999}
.themefoot .aboutus a { color:#0888C9; }
.bottom_text{ text-align:center; display:inline-table; margin:5px auto; width:800px; padding-left:270px;}
.bottom_text{ width:800px; }
.bottom_text li{ float:left; margin-right:5px;}
.beian_text{ float:left;display:inline-table;padding-top:10px;}

.headerInfo .menu li  div{ padding:3px; margin:0; line-height:20px;}
.headerInfo .menu li  .v-m-page a{ color:#000;}

.ad_list{width:179px;padding:0px; margin-bottom:10px;}
.ad_list img{ width:100%;}
#siderIMchat_main .infobox{
 background-color:#CCE5FF
}

#siderIMchat_main .bg{ width: 160px; margin-left: 0px;}
#siderIMchat_main ul{width:155px;}
#siderIMchat_main ul li{ float:left;width:155px;}
#siderIMchat_main ul li a {float:left;width:80%;}
#siderIMchat_main ul li br{ display:none;}

.GoodsSearchWrap .items-gallery{overflow:hidden;text-align:center;padding:2px;margin:3px;background:#fff;border-top:1px solid #eee;border-left:1px solid #eee;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.pdtdetail p{ display:block; margin:2px;}

.clearfix2{line-height:5px; }

.footCopyright{ height:1px;}

.LinkList td{ padding:4px;float:left; display:inline-block;}

.LinkList a { color:#0888C9; }