@import url("/public/css/pub.css");
@import url("/public/css/top.css");
@import url("/public/css/foot.css");

#jspicArea{ width:958px; height:565px; overflow:hidden; margin-top:8px;}

#jspicLeft{ width:738px; height:565px; overflow:hidden; float:left;}
#jsLeftTop{ width:738px; height:344px; overflow:hidden; border-bottom:7px solid #000417; background:#ebebed;}
.jsLeftP{ width:5px; height:338px; float:left; overflow:hidden; background:url(../images/jspicLeftP.gif) repeat-x; }
.jsallpic{ width:704px; height:338px; overflow:hidden; float:left; background:#fff; text-align:right;}

#firText{ width:21px; height:215px; overflow:hidden; float:right; background:url(../images/jspicRig.gif) repeat-y; padding:123px 0 0 8px}
#firText ul{ margin-top:60px;}
#firText ul li{ width:14px; height:14px; border:1px solid #fff; background:#aaa; text-align:center; line-height:14px; color:#fff; margin-bottom:9px; cursor:pointer;}
#firText ul li.cur{ background:#d6254a; font-weight:bold; text-align:center;}
#firText p img{ cursor:pointer;}

#proCate{ width:738px; height:77px; overflow:hidden;}
#proCate ul{ width:640px; background:url(../images/bigCateLine.gif) repeat-x 0 36px; float:right;}
#proCate ul.ul2nd{ background:none;}
#proCate ul li{height:38px; float:left; display:inline; background:url(../images/cateLine.gif) no-repeat right center; padding-right:10px; margin-left:10px;}
#proCate ul li.endLi{ background:none;}
#proCate ul li a{ color:#333; line-height:38px;}
#proCate ul li a:hover{color:#a71f24;}

#branList{ width:738px; height:137px; overflow:hidden;}
#brandCen{ width:601px; height:135px; float:left;  overflow:hidden; background:#f7f7f7; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;}
.brandLeft{ width:124px; height:92px; float:left; background:url(../images/brand.gif) no-repeat; padding-top:45px;}
.brandRig{ width:13px; height:92px; float:right; background:url(../images/brandRigBg.gif) no-repeat; padding-top:45px;}
.brandLeft img{ cursor:pointer;}
.brandRig img{ cursor:pointer;}
#brandCen dl{ width:580px; height:108px; overflow:hidden; margin-top:18px;}
#brandCen dl dt{ width:80px; height:48px; float:left; display:inline; margin: 0 0 8px 15px; overflow:hidden; background:url(../images/brandImgBg.gif) no-repeat; padding-left:1px;}

#brandCen dl dt img{ border:1px solid #e0e0e0;}

#cxActive{ width:208px; height:565px; overflow:hidden; float:right;}
#cxhd{ width:206px; height:173px; border:1px solid #e0e0e0;}
#cxhdTitle{ width:195px; height:28px; background:url(../images/cxhdTitle.gif) repeat-x; padding-left:11px;}
.cxhdWord{ font-size:14px; font-weight:bold; float:left; color:#373737; padding-top:4px;}
.cxhdMore{ width:66px; height:28px !important; height:20px; line-height:28px; background:url(../images/moreaBg.gif) no-repeat left top; float:right; text-align:center; padding-top:0px !important; padding-top:8px;}

#cxhd ul{ width:186px; height:auto;}
#cxhd ul li{ width:186px; height:22px; border-top:1px solid #e0e0e0; background:url(../images/cxIco.gif) no-repeat; padding:2px 0 0 20px;}
#cxhd ul li.hover{background:url(../images/cxIco2.gif) no-repeat; color:#CC0000;}
#cxhd ul li.hover a {color:#b60101;}
#cxhd ul li.img{  width:206px; height:68px; padding:0px; margin:0px; border:0px;}

.summer{ width:204px; height:151px; overflow:hidden; border:1px solid #e0e0e0; margin-top:8px; padding:2px 0 0 2px;}
#newPro{ width:208px; height:220px; overflow:hidden; margin-top:7px;}
#newProList{ width:206px; height:181px; overflow:hidden; border:1px solid #e0e0e0; border-top:none; background:url(../images/newProTitle2.gif) no-repeat right top;}

.topImg{ width:199px; height:162px; overflow:hidden; margin:0 auto;}
#newProList ul{ width:199px; height:11px; overflow:hidden; margin:0 auto;}
#newProList ul li{ width:39px; height:11px; overflow:hidden; float:left; display:inline; background:#969696; line-height:11px; text-align:center; margin-right:1px; color:#fff; cursor:pointer;}
#newProList ul li.hover{ background:#000417;}

#ladyList{ width:958px; height:auto; overflow:hidden; margin-top:9px;}
#ladyTitle{ width:958px; height:46px; overflow:hidden}
#proLink{ width:707px; height:46px; overflow:hidden; float:left; background:url(../images/ladyRigBg.gif) repeat-x;}
#proLink ul{float:left; margin:8px 0 0 10px;width:707px;  display:inline; overflow:hidden;}
#proLink ul li{ float:left; text-align:right; width:707px; }
#proLink ul li a {color:#444;}
#proLink ul li a:hover {color:#a71f24;}
#proLink ul li span{ width:20px; padding:0px 2px; text-align:center; color:#ccc;}
.patch{ width:1px; height:46px; overflow:hidden; background:url(../images/ladyRigBg2.gif) no-repeat 0px 4px; float:right;}
#bodyAll{ width:100%; height:auto;}
#bodyAllLady{ width:100%; height:auto;}
#proimgList{ width:956px; height:auto; overflow:hidden; border:1px solid #dfdfdf; border-top:none; padding-bottom:8px;}
#ladyLeft{ width:222px; height:auto; float:left; display:inline; margin:7px 0 0 11px;}
#ladyLeft ul{ width:220px; height:auto; overflow:hidden; border:1px solid #ebebeb; margin-top:4px;}
#ladyLeft ul li{ width:200px; height:24px; border-bottom:1px solid #ebebeb; background:url(../images/ladyleftBg.gif) 8px 12px no-repeat; padding:4px 0 0 20px;}
#ladyLeft ul li.hover { background-color:#ececec;}
#ladyLeft ul li.hover a { color:#a30000; font-weight:bold;}
#ladyLeft ul li.endLi{ border:none;}

#ladyRig{ width:706px; height:auto; float:right; display:inline; margin-right:4px; overflow:hidden;}
#ladyRig dl{ width:120px; height:197px; overflow:hidden; float:left; display:inline; margin:7px 0 0 19px;}
#ladyRig dl dt{ width:120px; height:155px; padding-bottom:4px; overflow:hidden;}
#ladyRig dl dd{ width:120px; height:18px; text-align:center; overflow:hidden; line-height:18px;}
#ladyRig dl dd a{ line-height:18px;}

#fashionBD{ width:946px; height:314px; overflow:hidden; border:1px solid #e9e9e9; background:#ededed; margin-top:7px; padding:5px;}

#fashionLeft{ width:710px; height:312px; overflow:hidden; float:left; border:1px solid #dbdbdb; background:#fff;}

#BDTitle{ width:710px; height:50px; overflow:hidden;}
.BDlogo{ width:201px; height:50px; float:left; background:url(../images/BDlogo.gif) no-repeat right bottom;}

#topicMan{ width:505px; height:50px; overflow:hidden; float:left; background:url(../images/topicManBg.gif) repeat-x left bottom;}
#topicMan ul{ text-align:right; padding:15px 16px 0 0;}
#topicMan ul li{ display:inline; padding-left:3px; padding-right:3px;}
#topicMan ul li.line{ width:19px; text-align:center;}
#topicMan ul li.morea{ padding-left:26px;}
#topicMan ul li.morea a{ color:#cc0000;}

#BDcontent{ width:698px; height:250px; overflow:hidden;}

#BDcontent dl{ width:123px; height:167px; overflow:hidden; float:left; display:inline; margin:13px 0 0 14px;}
#BDcontent dl dt{ width:121px; height:143px; overflow:hidden; border:1px solid #dfdfdf; text-align:center; padding-top:1px;}
#BDcontent dl dd{ width:123px; height:22px; overflow:hidden; text-align:center;}

#BDcontent ul{ width:698px; height:75px; overflow:hidden; background:url(../images/dashed2.gif) repeat-x left top; padding-top:5px; margin-top:3px;}
#BDcontent ul li{ width:150px; height:23px; margin-left:17px; background:url(../images/liico000.gif) no-repeat 0px 8px; padding-left:8px; float:left; display:inline;}
#BDcontent ul li.topLi{ margin-left:7px;}


#fashionRig{ width:228px; height:314px; overflow:hidden; float:right; background:#fff;}
.mallDyn{ width:200px; height:22px; background:url(../images/mallDyn.gif) no-repeat; font-weight:bold; padding:11px 0 0 28px;}
.mallDyn a { font-weight:bold;}

.dynImg{ width:228px; height:136px; overflow:hidden; border-bottom:1px solid #e1e1e1; text-align:center; margin-top:9px;}
#fashionRig ul{ width:193px; height:113px; overflow:hidden; background:url(../images/numList.gif) no-repeat; margin:0 auto; padding:9px 0 0 23px;}
#fashionRig ul li{ width:193px; height:24px; overflow:hidden;}
#hogPorAll { width:958px; height:472px; overflow:hidden; margin-top:8px;}
#hogPorAllLeft{ width:736px; height:470px; border:1px solid #dcdcdc; overflow:hidden; float:left; background:url(../images/hotbg.gif) no-repeat left top;}
#subhot_top{ height:36px; text-align:right; margin-bottom:15px; padding-right:10px; width:726opx;}
#subhot_top a { line-height:36px; color:#b7273e;}
#subhotleft{ width:706px; height:auto; margin-left:20px; float:left; display:inline; margin-right:4px; overflow:hidden;}
#subhotleft dl{ width:121px; height:200px; overflow:hidden; float:left; display:inline; margin:7px 0 0 19px;}
#subhotleft dl dt{ width:120px; height:155px; padding-bottom:4px; overflow:hidden;}
#subhotleft dl dd{ width:120px; height:18px; text-align:center; overflow:hidden; line-height:18px;}
#subhotleft dl dd a{ line-height:18px;}

#hogPorAllRight{ width:206px; height:470px; border:1px solid #dcdcdc; overflow:hidden; float:right; }
#hogPorAllRight ul { background:url(../images/hotarr.gif) no-repeat 4px #dcdcdc; height:22px; padding-top:3px; width:206px; padding-left:26px; }
#hogPorAllRight ul a { font-size:14px; font-weight:bold; line-height:21px;}
#hogPorAllRight dl { width:200px; padding-top:10px; margin-top:3px; padding-left:5px;  height:73px;  background:url(../images/lines.gif) repeat-x; border:0px;}
#hogPorAllRight dl dt { width:75px; height:72px; padding-right:5px; float:left;  text-align:left;}
#hogPorAllRight dl dt span{font-family:Arial; font-size:26px; float:left; width:20px; }
#hogPorAllRight dl dt image { float:right;}
#hogPorAllRight dl dd{ height:72px; float:left; width:110px; line-height:26px;}
#hogPorAllRight dl dd a { line-height:14px; color:#585858;}
#aisPicAll {width:704px; height:338px; overflow:hidden; background-color:#FFFFFF; float:left; margin:0px;  padding:0px;}
#firPic,#firPic ul,#firPic ul li {width:704px; overflow:hidden; height:338px; text-align:right; float:left;  margin:0px; padding:0px;}
#hogPorAll img{ background:url('/public/image/load.gif') no-repeat center; border:0; width:120px; height:155px;}
#ladyRig img{ background:url('/public/image/load.gif') no-repeat center; border:0; width:120px; height:155px;}
#BDcontent img{ background:url('/public/image/load.gif') no-repeat center; border:0; width:119px; height:142px;}
#hogPorAllRight img{ background:url('/public/image/load.gif') no-repeat center; border:0; width:57px; height:75px;}