﻿@import url("border.css");
@import url("widget.css");

body {
	font-family: "Tahoma", "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	color: #666666;
	margin:0;
	background-color: #e7e7e7;
	background-repeat: no-repeat;
	background-position: center 0;
}
#AllWrap{
	width:960px; 
	margin:0 auto;
}
#ind{
	width:1004px;
	background-image: url(bg2.jpg);
	background-repeat: repeat-y;
    margin:0 auto;
}

#Top{
	width:960px;
	margin:0px auto 0px;
	overflow: hidden;
}
#Logo{
	float:left;
	width:auto;
	display: block;
	padding-top: 20px;
	padding-bottom: 10px;
}
#TopLinks{
	float:right;
	text-align:right;
	line-height:normal;
	width: 520px;
	margin-right: 5px;
	display: inline;
	padding-top: 20px;
}
#TopLinks1{
	clear:both;
	width: auto;
	display: inline;
	text-align: right;
	float: right;
}
#TopLinks2{
	clear:both;
	width: 300px;
	display: inline;
	text-align: right;
	float: right;
	margin-top: 5px;
}
#seach{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	clip: rect(auto,auto,auto,auto);
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 8px;
	margin-left: auto;
	text-align: center;
	display: block;
	height: 30px;
	width: 958px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}
#seachz{
	width: 960px;
}
#seachs{
	width:355px;
	float: left;
	height: 20px;
	margin-top: 4px;
}
#seachg{
	width:160px;
	float: left;
	height: 20px;
	text-align: left;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	line-height: 28px;
}
#seachc{
	width:440px;
	float: left;
	height: 20px;
	text-align: left;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	line-height: 28px;
}
																					
/*=主菜单
=============================================================================================*/
#MenuWrap{
	width:960px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#Menu{
	overflow:hidden;
	text-align:center;

	display: block;
}


#Menu a{
	height:35px;
	float: left;
	width: 90px;
}
#Menu a:hover{

}
#Menu img{
	float: left;
}	
/*=热卖商品区域
=============================================================================================*/
.hotwrap{
  	margin-bottom:7px;
}
.hotwrap .top{
  	background:url(hot_bg.gif) no-repeat;
    padding-left:10px;
    height:5px;
}
.hotwrap .top .bd{
  	background:url(hot_bg.gif) no-repeat right 0;
    padding-right:10px;
    height:5px;
    position:relative;
}
.hotwrap .body{
  	background:url(hot_bg.gif) no-repeat 0 bottom;
    padding-left:5px;
}
.hotwrap .body .bd{
  	background:url(hot_bg.gif) no-repeat right bottom;
    padding:0 5px 3px 0;
    position:relative;
}
.hotwrap h3.title{
  	clear:both;
  	background:url(hot_t.gif) no-repeat;
    position:absolute;
    left:-5px;
    top:-10px;
    _top:-19px;
    text-indent:-9999px;
    width:43px;
    height:42px;
    z-index:99;
}
.hotwrap .body .span-6{
	background:url(hot_bg2.gif) no-repeat right 0;
	position:relative;
	display: inline;
	overflow: hidden;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 23px;
	padding-bottom: 0;
	padding-left: 0;
}
.hotwrap .AdvBanner{
  	float:left;
}
.hotwrap .body .last{
  	padding-right:0;
    margin-right:0;
    background:none;
}


/*=首页商品列表
=============================================================================================*/
.goodsliststyle1{ margin:0 0 10px 0; padding:0 0 0 0;  no-repeat right bottom;}
.goodsliststyle1 .bg{  no-repeat; padding:0;}
.goodsliststyle1 .listimg{ width:150px; padding-top:50px;}

.goodsliststyle2{ margin:3px 0 3px 0; padding:0 0px 0 0; ) no-repeat right bottom;}
.goodsliststyle2 .bg{  no-repeat; padding:2px 0 0;}
.goodsliststyle2 .listimg{ width:150px; padding-top:50px;}

.goodsliststyle3{ margin:0 0 10px 0; padding:0 0px 0 0;  no-repeat right bottom;}
.goodsliststyle3 .bg{  no-repeat; padding:2px 0 0;}
.goodsliststyle3 .listimg{ width:150px; padding-top:50px;}
/*=底部文章
=============================================================================================*/
.fawrap{
  	border:3px solid #dadada;
}
.fawrap .span-6{
  	width:250px;
    border-right:1px solid #efefef;
    margin:5px;
    *display:inline;
}
.fawrap .last{
  	width:210px;
    border:none;
}
/*首页底部快捷链接*/
#qlinks{
  	padding:25px 0 0 0;
    width:165px;
    margin:0 auto;
}
#qlinks li{
  	float:left;
    background:url(qlinks.jpg) no-repeat;
}
#qlinks li a{
  	width:55px;
    height:68px;
  	display:block;
  	text-indent:-9999px;
}
#qlinks .q1{
  	background-position:0 0;
}
#qlinks .q2{
  	background-position:-55px 0;
}
#qlinks .q3{
  	background-position:-110px 0;
}
#qlinks .q4{
  	background-position:0 -68px;
}
#qlinks .q5{
  	background-position:-55px -68px;
}
#qlinks .q6{
  	background-position:-110px -68px;
}
/*=显示底部区域
=============================================================================================*/
#Foot{
	width:960px;
	margin:0 auto;
}
#FootLinksWrap{
	background:#ffffff;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-style: none;
	border-top-color: #dcdcdc;
	width: 960px;
	margin:0 auto;
}
#FootLinks{
  	width:820px;
    margin:0 auto;
    padding:15px 20px 10px 120px;
    line-height:180%;
}
#FootLinks .TreeList{
	float:left;
    width:20%;
}
#FootLinks .TreeList .cat1{
	font-weight:bold;
    color:#656565;
    padding:3px 0 10px;
}
#FootLinks .TreeList .cat2{
	background:url(arrs.gif) no-repeat 0 -22px;
    margin-left:10px;
}



#FootMenu{
	margin:10px 0;
	text-align: center;
}
#FootMenu .menu a{
   color:#828282;
}
#FootMenu .TreeList{
	overflow:hidden;
    text-align:center;
}
#FootMenu .TreeList div{
	font-weight:normal;
	display:inline;
	padding:0 10px;
	border-right:1px solid #CCCCCC;
}
#Copyright *{
	text-align:center;
}
.cut{
	overflow:hidden;
}
#xinmenu {
	width: 200px;
	float: left;
	overflow: hidden;
	margin-right: 10px;
}
#flash {
	width: 507px;
	float: left;
	overflow: hidden;
	margin-right: 10px;
	height: 232px;
	border: 1px solid #CCCCCC;
}

#yewulan {
	width: 732px;
	float: left;
	overflow: hidden;
	height: auto;
	border: 4px solid #f5f5f5;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}
#yewulanlb {
	width: 752px;
	float: left;
	overflow: hidden;
	height: auto;
}
.boxImage img{   

    max-width:700px;height:auto;cursor:pointer;   

    border:1px solid #ddd;padding: 3px;   

    zoom:expression( function(elm) {   

        if (elm.width>560) {   

            var oldVW = elm.width; elm.width=560;   

            elm.height = elm.height*(560 /oldVW);  

        }  

        elm.style.zoom = '1';  

    }(this)); 

} 

