@charset "utf-8";
/* **************** LIBRARIES ***************** */
/*{{{*/

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,img a{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
table, td, th { vertical-align: top; }
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
/* fonts */
body{font:12px "Microsoft Yahei",verdana,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
select,input,button,textarea{font:99% verdana,arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}



/*}}}*/

/* **************** COMPONENTS ***************** */
/*{{{*/

/* ====== default link ====== */
a { color: #818181; /*font-weight:bold;*/text-decoration:none; }
a:focus, a:hover { text-decoration: underline;color:black;}
.fontColor {color: #818181;}

/* ===== default body ===== */
body{background: #FFF;color:#000;font-size:12px;line-height:150%;}
/* ====== Default spacing ====== */
h2 { font-size: 16px; line-height: 100%; margin-bottom: 10px; padding-left: 10px; border-left: 5px solid #5a584b; }
pre{margin: 10px;}
table h1,table h2,table h3, table h4, table h5, table h6, table p, table ul, table ol, table dl {padding:0;}

/* ====== Elements ====== */
h1{font-size:28px;font-weight:normal;padding:28px;}
h2{font-family:"Microsoft YaHei",Verdana,Arial,Helvetica,sans-serif}
/*em{font-style: italic;}*/
strong{font-weight:bold;}
hr{border: 5px solid #BCBCBC; border-width: 0 0 5px 0; margin: 20px 20px 0 20px;}
code{color:#0B8C8F;}
ul {list-style-type:none;}
li {list-style-type:none}
dt{font-weight:bold;margin-bottom:5px}
label{font-weight:bold;width:80px;float:left}
input,textarea{font-family:Verdana;color:#333}

/* ====== special items ====== */
.fly a { text-align:left; text-indent:-9999px; overflow:hidden; height:100%; width:100%; cursor:pointer;  }
.fly p { text-align:left; text-indent:-9999px; overflow:hidden; height:100%; width:100%;}
.hide{display:none;}
.show{display:block}
.clearfix{zoom:1;clear:both}
.clear{overflow:hidden;zoom:1}
.fl{float:left}
.fr{float:right}
.tar{ text-align:right;}
.tac{ text-align:center;}


/* ====== margin & padding ====== */
.mr10{margin-right:10px}
.ml20{margin-left:20px}
.m20{margin:20px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mb50{margin-bottom:50px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb25{margin-bottom:25px}
.ml210{margin-left:210px}
.ml150{margin-left:150px}
.ml93{margin-left:93px}
.p10{ padding:10px;}
.p5{padding:5px}
.ptb10{padding:10px 0}
.pt5{padding-top:5px}
.pt10{padding-top:10px}
.pt30{padding-top:30px}
.pl30{padding-left:30px}
.pl20{padding-left:20px}
.pb10{padding-bottom:10px}
.pb5{padding-bottom:5px}
.pb15{padding-bottom:15px}
.pb20{padding-bottom:20px}
.pt15{padding-top:15px}
.pb3{padding-bottom:3px}

/* ====== font ====== */
.realPrice{color:#996600; }
.redAlert{ color:#900;}/*首页最新公告*/
.dateNum{ font-size:11px; color:#999;}
.oriPrice{color: #999; text-decoration:line-through;}
.gray{ color:#999}
.darkLink{color:#000; text-decoration:underline;}

/* **************** HP Templates **************** */
/*{{{*/
#content{width:920px;margin:0 auto;padding:0; background:#fff;}
.leftBlock{float:left;width:740px}
.rightBlock{/*margin-left:740px;*/float:right;width:180px;}
.midBar{ float:right; width:490px; padding: 0 25px;}
.leftBar{ /*margin-right:540px;*/float:left;width:200px;}
.midTitle{border-bottom:2px #bfbfbf solid; border-top:2px #bfbfbf solid;padding:12px 0;}
.mtMidTitle {margin-top:25px;}



/*}}}*/

/* **************** Site Use ***************** */
/*{{{*/

/* ====== 头部 ====== */
.top{width:920px; margin:0 auto 0;padding-bottom:10px;}
.newtop{width:920px; margin:0 auto 0;padding:20px 0px 20px 0px;padding-bottom:10px;}
.logo{float:left}
.logo a{display:block;}
.slogan{ float:left; padding:17px 0 0 10px; margin-left:0px;}
.slogan a { display:block; width:260px; height:16px;background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat 0px 0px; }

.onlineServ { float:right; padding:15px 0 0 0;}
.onlineServ a { display:block; width:90px; height:20px; }
.callCenter { float:right; margin-right:10px; padding:18px 0 0 0;}
.callCenter a { display:block; width:169px; height:14px; overflow:hidden; background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat 0px -45px;}

.userNav {float:right; }

/* ====== 尾 部 ====== */
.foot{ padding:20px 0;}
.footBlock{ border:1px solid #bfbfbf; padding:18px;}
.footAbout a{float:left; width:240px; height:130px; background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -267px -1109px;}
.footServ { float:right; width:280px; padding:15px 0 0 18px;}
.footServNum a{ display:block;background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat 0 -1250px; padding-bottom:12px;}
.footServItem  { width:220px;padding-left:18px;}
.footServItem li{ float:left; padding:0 45px 9px 0;}
.footGroup { margin:0 300px 0 260px; padding:15px 0 0 18px; border-left:#bfbfbf dotted 1px;border-right:#bfbfbf dotted 1px;}
.footGroupTitle {background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -412px -1250px; padding-bottom:12px;height:22px; overflow:hidden;}
.footGroupItem  { padding-left:18px;}
.footGroupItem li{ width:100px; float:left; padding:0 20px 9px 0;}
.footLinks{ width:500px; margin: 0 auto; padding:10px 0;}
.footLinks li{ float:left; padding:0 8px; border-right:#bfbfbf solid 1px; }
.footMini{ text-align:center; padding:5px 0;}



/* ====== 导航 ====== */
.nav{ border-top: #bfbfbf solid 1px; border-bottom: #bfbfbf solid 1px; padding:12px 0;}
.userNav{float:right;}
.userNav ul li{ float:left;}
.userNav li a{ display:block;}
.cart { padding-right:10px;}
.cart a { width:175px; height:19px; background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat 0px -76px;}
.cart a:hover { text-decoration:none; color:#8c8c8c;}
.cart p { padding:0 64px 0 94px; text-align:center;}
.account { padding:3px 15px;border-left:1px solid #bfbfbf;}
.account a { width:59px; height:14px; background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -169px -60px;}
.mNav{ float:left;}
.mNav li {float:left;padding:3px 12px;border-right:1px solid #bfbfbf;}
.mNav li a{ display:block;}
.mNav1 a { width:28px; height:14px; background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat 0px -60px;}
.mNav2 a { width:73px; height:14px; background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -31px -60px;}
.mNav3 a { width:73px; height:14px; background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -91px -1763px;}
.mNav4 a { width:73px; height:14px; background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -0px -1763px;}
.mNav5 a { width:59px; height:14px; background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -105px -60px;}

/* ====== 头图 ====== */
.lCol { float:left; width:740px;}
.rCol { margin-left:740px; height:400px; padding:10px;}
.focBrand{ float:left; width:560px; height:300px; overflow:hidden;}
/*new add*/.focBrandLoading{ text-align:center; padding-top:155px;width:560px; }
.focSale{ overflow:hidden;width:180px;}
/* changed */.focNum li{ width:185px; float:left;}
/* changed */.focNum a { width:180px; height:56px; display:block;}
.focNum a:hover { text-decoration:none;}
/* changed */.focSc p , .focHa p , .focKr p , .foc500 p{ padding:25px 0 0 30px;}

.focSc a{background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -260px -98px;}
.focSc a:hover{ background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat 0px -98px;}
.focHa a{ background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -260px -162px;}
.focHa a:hover{ background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat 0px -162px;}
.focKr a{ background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -260px -226px;}
.focKr a:hover{ background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat 0px -226px;}
.foc500 a{ background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -259px -1396px;}
.foc500 a:hover{ background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat 0px -1396px;}
/*【begin】gavin add*/
.ScA_Hover p,.HaA_Hover p,.KrA_Hover p{ padding:25px 0 0 30px;}
.ScA_Hover a{ text-decoration:none;color:black;background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat 0px -98px;}
.HaA_Hover a{ text-decoration:none;color:black;background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat 0px -162px;}
.KrA_Hover a{ text-decoration:none;color:black;background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat 0px -226px;}
.f500A_Hover a{text-decoration:none;color:black; background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat 0px -1396px;}
#divBrand { width: 2970px; }
/*【end】*/
/* new add 20091029 */
.rColTab{width:160px;}
.rColTab li{width:80px; height:25px; float:left; text-align:center;padding-top:5px; cursor:pointer;}
.rColTabOn{ background:#FFF;}
.rColTabOff{ background: #F2F2F2; color:#666;}

.rColAd{ width:160px; background:#FFF;}
.rColAd li{ padding:5px 0; text-align:center; border-bottom:1px dotted #bfbfbf;}
/* new add end 20091029 */
.notice{ border: 1px solid #bfbfbf; margin-top:7px; width:715px; height:33px;}
.notice li{ padding:7px;}
.noticeTitle{ float:left; border-right: 1px #CCC dotted; width:140px;background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat 5px -405px;}
.noticeContent{ margin-left:166px;}


.memNew{ background:#FFF;}
.memNew a{ display:block;}
.memNew a:hover{ background-color: #CCC; text-decoration:none;}
.memNew li {border-bottom: 1px #CCC dotted;}
.memNew1 a{width:160px; height:40px; background-color:#FFF;  background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat 15px -290px;}
.memNew2 a{width:160px; height:30px; background-color:#FFF;  background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -152px -295px;}
.memNew3 a{width:160px; height:30px; background-color:#FFF;  background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -315px -295px;}
.memNew4 a{width:160px; height:30px; background-color:#FFF;  background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat 26px -331px;}
.memNew5 a{width:160px; height:30px; background-color:#FFF;  background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -152px -331px;}

.memOld{ margin-top:10px; background:#FFF;}
.memOld a{ display:block;}
.memOld a:hover{ background-color: #CCC; text-decoration:none;}
.memOld li {border-bottom: 1px #CCC dotted;}
.memOld1 a{width:160px; height:40px; background-color:#FFF;  background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat 15px -363px;}
.memOld2 a{width:160px; height:30px; background-color:#FFF;  background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -152px -369px;}
.memOld3 a{width:160px; height:30px; background-color:#FFF;  background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -315px -369px;}

.memLogin{ background:#FFF;}
.memLogin a{ display:block;}
.memLogin a:hover{ background-color: #CCC; text-decoration:none;}
.memLogin li {border-bottom: 1px #CCC dotted;}
.memLogin1 a{width:160px; height:40px; background-color:#FFF;  background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat 15px -1285px;}
.memLogin2 a{width:160px; height:30px; background-color:#FFF;  background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -152px -1291px;}
.memLogin3 a{width:160px; height:30px; background-color:#FFF;  background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -315px -1291px;}
.memLogin4 a{width:160px; height:30px; background-color:#FFF;  background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat 26px -1328px;}
.memLogin5 a{width:160px; height:30px; background-color:#FFF;  background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -152px -1328px;}

/*gavin add*/
.memLogin_sh{ background:#ccc; width:160px; float:left;}
.memLogin_sh a{ display:block;}
.memLogin_sh a:hover{ background-color: #CCC; text-decoration:none;}
.memLogin_sh li {border-bottom: 1px #CCC dotted;}
.memContainer {display:none;position:absolute;width:382px;}
/*gavin add*/

.memLogout{margin-top:10px; background:#FFF;}
.memLogout a{ display:block;}
.memLogout a:hover{ background-color: #CCC; text-decoration:none;}
.memLogout li {border-bottom: 1px #CCC dotted;}
.memLogout1 a{width:160px; height:40px; background-color:#FFF;  background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat 15px -1357px;}

.pencil{ margin-top:10px;background:#FFF; }
.pencil a{ height:40px; display:block;background: url(http://img.f508.com/images_v7/NewIndex/pencil.jpg) no-repeat right -5px;}
.pencil p{ text-align:right; padding:20px 5px 0 0;}
/* ====== 新品上架 ====== */
.newArrivalTitle a{ display:block; width:110px; height:16px;background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat 0 -452px;}
.moreNew{float:right;}
.moreNew a{ display:block; width:47px; height:15px; background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -178px -415px;}
.newBrand{ padding-top:15px;}
.newBrandBigpic{ float:left;}
.newBrandBigLink { font-size:14px; background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat 0 -472px;padding:6px 0 6px 15px;}
.newBrandSmall{ padding-left:8px; margin-left:290px;}
.newBrandSmallOn{ border:1px #bfbfbf solid; margin-bottom:5px;}
.newBrandSmallOn a{ color:#000;}
.newBrandSmallOff{ border:1px #bfbfbf dotted; margin-bottom:5px;}
/* changed */.newBrandSmallPic{ padding:5px; float:right; width:80px; height:80px; overflow:hidden;}
.newBrandSmallLink{ padding:5px;}
/* new add */
.newBrandLoad{ width:290px; text-align:center; padding:160px 0;}

/* ====== 明星商品 ====== */
.starTitle{ float:left; padding-right:15px; border-right:1px #bfbfbf dashed;}
.starTitle a{ display:block; width:90px; height:16px;background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -344px -453px;}
.starTitle a:hover{ background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -176px -453px;}
.todayTitle { margin-left:120px;}
.todayTitle a{ display:block; width:90px; height:16px;background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -178px -519px;}
.todayTitle a:hover{ background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat 0 -519px;}

.starContent{ padding:15px 0;}
.starPic{ float:left}
.starDesc{ margin-left:165px;}
.starLink{ padding: 0 0 10px 20px; font-size:14px;background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat 5px -478px;}
.starPrice{ padding-bottom:8px; padding-left:20px;}
.starText{ padding-left:20px;}
/*【begin】gavin add*/
.Star_Hover a{ background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -176px -453px;}
.Today_Hover a { background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat 0 -519px;}
#divStar{ width:980px;padding-left:2px;}
.divStarWidth{ width:488px;}
/*【end】*/

/* ====== 人气款式 ====== */
.popTitle{ float:left; padding-right:15px; border-right:1px #bfbfbf dashed;}
.popTitle a{ display:block; width:90px; height:16px;background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -168px -555px;}
.popTitle a:hover{ background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat 0 -555px;}
.outletTitle { margin-left:120px;}
.outletTitle a{ display:block; width:90px; height:16px;background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -178px -592px;}
.outletTitle a:hover{ background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat 0 -592px;}

.popItem{ padding:15px 0;}
.popItem li { float:left; width:110px; margin-right:16px; padding-bottom:15px;}
.popItem .last{margin-right:0;padding-right:0;}
/*【begin】gavin add*/
.Pop_Hover a{ background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat 0 -555px;}
.Out_hover a{ background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat 0 -592px;}
#divPopu{ width:980px;padding-left:2px;}
.divPopuWidth{ width:488px;}
/*【end】*/

/* ====== 搜索 分类 ====== */
.grayBox{ background:#CCC url(http://img.f508.com/images_v7/NewIndex/gray.gif) repeat-y right top; padding:18px 15px 70px 15px;}
.searchTitle{ background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat 0 -627px; padding-bottom:10px; border-bottom:1px dotted #666;}
.searchBox { padding:10px 0 40px 0;}
.searchBox input{ width:110px; }
.searchInput { width:110px; float:left;padding-top:2px;}
.searchBtn{ margin-left:114px;}

.cateTitle{ background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -178px -627px; padding-bottom:10px; border-bottom:1px dotted #666;}
.cateItem li{}
.cateItem a{ display:block; height:24px; border-bottom:1px dotted #666;}
.cateItem a:hover{ background-color:#CCC;}
.cate01 a{ background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat 0 -661px;}
.cate02 a{ background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -270px -661px;}
.cate03 a{ background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat 0 -685px;}
.cate04 a{ background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -270px -685px;}
.cate05 a{ background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat 0 -711px;}
.cate06 a{ background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -270px -711px;}
.cate07 a{ background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat 0 -736px;}
.grayBottom { background-color:red;height:2px;background: url(http://img.f508.com/images_v7/NewIndex/grayBottom.gif) no-repeat right top;}

/*gavin add*/
.GdsBrand{ background:#CCC; width:170px; float:left;}
.GdsBrand a{ display:block;height:24px;border-bottom:1px dotted #666;}
.GdsBrand a:hover{ background-color: #CCC; text-decoration:none;}
.GdsBrand li {border-bottom: 1px #CCC dotted;}
.GdsBrandContainer {display:none;position:absolute;}
/*gavin add*/

/* ====== 品牌专区 ====== */
.brandBox,.blogBox{ border:1px solid #e2e2e2; margin:40px 0; padding:0 15px;}
.brandTitle, .blogTitle{ padding:13px 0; border-bottom:1px dotted #666; background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat 0 -768px;}
.brandItem{ padding:15px 0;}
.brandItem a{ display:block;}

.brandScPic a{ height:38px; border:1px dotted #bfbfbf;background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat 10px -815px;}
.brandScPic a:hover{background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -260px -815px;}
.brandScText a{ height:37px; background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat 0px -855px;}

.brandHaPic a{ height:38px; border:1px dotted #bfbfbf;background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat 10px -894px;}
.brandHaPic a:hover{background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -260px -894px;}
.brandHaText a{ height:37px; background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat 0px -935px;}

.brandKrPic a{ height:38px; border:1px dotted #bfbfbf;background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat 10px -972px;}
.brandKrPic a:hover{background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -260px -972px;}
.brandKrText a{ height:25px; background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat 0px -1018px;}

/* ====== 新闻 ====== */
.newsTitle{ height:40px; overflow:hidden; border-top:1px solid #bfbfbf;  background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat 3px -1053px;}
.newsItem li{ margin-bottom:10px; padding-left:20px;background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat 5px -478px;}

/* ====== 500色 ====== */
.speTitle{ margin-top:35px; height:40px; border-top:1px solid #bfbfbf;  background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -264px -1053px;}

/* ====== 促销区 ====== */
.salesTitle{ margin-top:35px; height:40px; border-top:1px solid #bfbfbf;  background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat 0 -1099px;}
.salesItem,.specialItem{float:left;}
.salesItem li,specialItem li{ margin-bottom:5px;}
.salesPager {width:182px;}
.salesPagerBack,.specialPagerBack{ width:91px; float:left}
.salesPagerBack a,.specialPagerBack a{ display:block; height:21px;background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat 0 -1149px;}
.salesPagerBack a:hover,.specialPagerBack a:hover{ background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat 0 -1177px;}
.salesPagerNext,.specialPagerNext{ margin-left:91px;}
.salesPagerNext a,.specialPagerNext a{ display:block; height:21px;background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -105px -1149px;}
.salesPagerNext a:hover,.specialPagerNext a:hover{ background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -105px -1177px;}

.hoverPagerBack a{background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat 0 -1177px;}
.hoverPagerNext a{background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -105px -1177px;}

/* ====== 首页弹出 ====== */

/* 导航弹出 */
.cateSlide{ width:90px; border:1px solid #bfbfbf; padding:0 14px;background-color: #FFF;}
.cateSlide li{ padding:5px 5px 5px 20px; border-bottom:1px dotted #bfbfbf; /*background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat 5px -473px; */}
.cateSlide1 {background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat 5px -473px;}
.cateSlide1 a{ color:#000;}
/* 购物车弹出 */
.cartSlide{ width:240px; border:1px solid #bfbfbf; padding:10px;}
.cartSlideFix p{ float:right;}
.cartSlideFix a{ text-decoration:none; display:block; padding:3px 8px; border:1px dotted #bfbfbf;}
.cartSlideFix a:hover{border:1px solid #000;}
.cartSlide li{ padding:3px 0; border-bottom:1px dotted #bfbfbf; }
.cartSlideCount { padding:5px;}
.cartSlideGo{ float:right;}
.cartSlideGo a{ display:block; width:82px; height:20px; background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -180px -21px;}
.cartSlideText{ margin-right:100px;}
/* 会员弹出 */
.memSlide{ width:200px;border:1px solid #bfbfbf; padding:10px;background-color:#fff;float:left;}
.memSlideTitle{ border-bottom:1px dotted #bfbfbf; padding:5px 0;}
.memSlideTitleArrow{ float:right;}
.memSlideTitleArrow a{ display:block; width:7px; height:12px; background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat 0 -480px;}
.memSlideItem p{ padding:5px 0;}
/* 左侧分类弹出 */
.catePop{ width:140px; padding:10px; background-color:#f0f0f0; border:1px solid #bfbfbf;float:left;}
.catePopMore{ float:right;}
.catePopMore a{display:block; width:50px; height:18px; background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -341px -413px;}
.catePopTitle { padding-left:5px;}
.catePopTitle a{ font-weight:bold; color:#000; }
.catePopItem{ padding-right:30px;}
.catePopItem li{ padding:5px; border-bottom:1px dotted #bfbfbf; }
.catePopItem a{ color:#000;}
/*隐藏div*/
#cate{ position: absolute;width:61px;left: 52px;display:none;}
#divCommunite{ position: absolute;width:61px;left: 350px;display:none;}
#car{ position: absolute;width:240px;display:none;}
.top_p{ width: 10px; height: 15px;}

.newpencil { margin-top:10px;background:#FFF;}

.newpencil a img { height:23px;float:right;}
.newpencil a p { text-align:right; padding:25px 5px 0 0;}
.cursorPointer { cursor:pointer;}
.shoppingcarMore{ padding-left:180px;}
.catalogWidth{ width: 102px;}
.shoppingcarCss { width: 280px; padding-top: 0px; padding-bottom: 1px;}
.indexCatalog { height: 32px; margin-bottom: 1px; border-bottom-style: solid;border-bottom-width: 1px; border-bottom-color: #bfbfbf;}
.indexShoppingCar { height: 32px; float: left; border-bottom-style: solid;border-bottom-width: 1px; border-bottom-color: #bfbfbf;}
#divSale{ width: 180px; height: 220px;}
#sale_area {width: 360px;}
#divSpecial{ width:180px;height:100px;}
.specialArea{ width:540px;}
#live163902{text-align:right;border-left:1px solid #bfbfbf}

/*#divScIntroduce { width:1983px;}*/
#divScIntroduce { width:2010px;}

#divHaIntroduce { width:1322px;}
#divKrIntroduce { width:1322px;}

/* ====== 官方博客 ====== */
.blogBox{ height:400px;}
.blogTitle{ background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -262px -770px;height:18px;}
.blogContent{padding:10px 0;}
.blogBarOn{ margin:6px 0; border:1px solid #e7e7e7; padding:2px 8px; cursor:pointer;}
.blogBarOn a {color:#000;}
.blogArrowDownGray{ background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -300px -514px #f3f3f3;}
.blogArrowDown{ background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -300px -514px;}
.blogArrowUp{ background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -300px -552px;}
.blogItem li{ margin-bottom:8px; padding-left:20px;background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat 5px -478px;}
.blogBarOff{ border:1px dotted #e7e7e7; padding:2px 8px; cursor:pointer; margin:6px 0;}
/* ====== 首页排行榜 ====== */
.rankingTitle{ margin-top:35px; height:40px; border-top:1px solid #bfbfbf;  background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -176px -1362px;}
.moreTop{float:right; padding-top:10px;}
.moreTop a{ display:block; width:47px; height:15px; background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -178px -415px;}
/*  排行榜页 */
.rankingLeft{ float:left; width:660px;}
.rankingRight{ float:right; padding-left:10px; width:220px;}
.allRankingTitle{ padding:10px 0; border:2px solid #bfbfbf; border-left:none; border-right:none;}
.allRankingTitle p{ width:130px; height:18px; background: url(http://img.f508.com/images_v7/NewIndex/ranking/bg.png) no-repeat 0 0;}
.allRankingContent { padding:20px 0;}
.allRankingContent li{ width:200px; float:left; padding:15px 30px 0 0;}
.allRankingNumTop3{ float:left; width:18px; font-size:20px; font-style:italic;}
.allRankingNum{ float:left; width:18px; color:#999; font-size:14px; font-style:italic;}
.allRankingPic{ float:left; width:100px; padding-left:5px;}
.allRankingLink{ float:left; width:70px; padding-left:7px;}
.allRankingLink p{ padding-bottom:5px;word-break:break-all;word-wrap:break-word;}
.cateRanking li{ width:200px; float:left; padding:15px 30px 0 0;}
.cateRankingTitle{ border-top:1px solid #bfbfbf; padding:12px 0;}
.cateRankingTitle1{ display:block; width:90px; height:18px;background: url(http://img.f508.com/images_v7/NewIndex/ranking/bg.png) no-repeat 0 -18px;}
.cateRankingTitle2{ display:block; width:90px; height:18px;background: url(http://img.f508.com/images_v7/NewIndex/ranking/bg.png) no-repeat -90px -18px;}
.cateRankingTitle3{ display:block; width:90px; height:18px;background: url(http://img.f508.com/images_v7/NewIndex/ranking/bg.png) no-repeat -183px -18px;}
.cateRankingTitle4{ display:block; width:120px; height:18px;background: url(http://img.f508.com/images_v7/NewIndex/ranking/bg.png) no-repeat 0 -39px;}
.cateRankingTitle5{ display:block; width:120px; height:18px;background: url(http://img.f508.com/images_v7/NewIndex/ranking/bg.png) no-repeat -130px -39px;}
.cateRankingTitle6{ display:block; width:120px; height:18px;background: url(http://img.f508.com/images_v7/NewIndex/ranking/bg.png) no-repeat -270px -39px;}
.cateRankingOneOn , .brandRankingOneOn{ height:115px;}
.cateRankingOneOn a , .brandRankingOneOn a{ color:#000;}
.cateRankingPic , .brandRankingPic{ float:right; width:100px;}
.cateRankingOn p , .brandRankingOn p{ padding:0 5px 8px 0;word-break:break-all;word-wrap:break-word;}
.cateRankingNumOn , .brandRankingNumOn{font-size:16px; font-style:italic;}
.cateRankingOneOff , .brandRankingOneOff{ height:50px;}
.cateRankingNumOff , .brandRankingNumOff{width:18px; float:left;color:#999; font-size:14px; font-style:italic;}
.cateRankingOff{ float:right; width:180px;}
.brandRanking{ border:1px solid #bfbfbf; padding:0 20px;}
.brandRankingTitle{ padding:10px 0;}
.brandRankingTitle p{ width:95px; height:20px;background: url(http://img.f508.com/images_v7/NewIndex/ranking/bg.png) no-repeat -306px 0;}
.brandRankingName{padding:10px 0; text-align:right; border-top:1px dotted #333;}
.brandRankingBlock{ padding-bottom:15px;}
.brandRankingOff{ float:right; width:159px;}
.cateRankingOn {width:90px; float:left;}
.brandRankingOn {width:80px;float:left;}
.cateRankingOneOn {width:200px;}
.brandRankingOneOn {width:180px;}
/* 品牌表现页 SUNNY CLOUDS */
#scLogo { padding:10px; border-bottom:1px solid #0b1f30;}
#haLogo { padding:10px; border-bottom:1px solid #F9B0B3;}
.feliLogoSmall{ float:right;}
.feliLogoSmall a{ display:block; width:71px; height:30px; background: url(http://img.f508.com/images_v7/NewIndex/branding/bg.png) no-repeat 0 0;}
.brandingFlash{ width: 800px; height:500px; background:#CCC; margin: 0 auto;}
.eMag{ padding:15px; padding-top:0; float:right; width:190px; border:1px solid #bfbfbf; border-top:none;}
.eMagScTitle p{ height:20px; background: url(http://img.f508.com/images_v7/NewIndex/branding/bg.png) no-repeat -110px 0;  }
.eMagHaTitle p{ height:30px; background: url(http://img.f508.com/images_v7/NewIndex/branding/bg.png) no-repeat 0 -112px ;  }
.eMagKrTitle p{ height:20px; background: url(http://img.f508.com/images_v7/NewIndex/branding/bg.png) no-repeat 0 -248px ;  }
.eMagContent{ text-align:center;}
.eMagContent p{ padding:15px 0;}
.brandConcept { float:left; width:640px; padding:15px; padding-top:0; border:1px solid #bfbfbf; border-top:none;}
.brandConceptTitle li{ float:left; padding:0 12px; border-right:1px dashed #CCC;}
.brandScConceptTitle1 a{ display:block; width:95px; height: 18px;background: url(http://img.f508.com/images_v7/NewIndex/branding/bg.png) no-repeat 0 -69px;}
.brandScConceptTitle1 a:hover{ background: url(http://img.f508.com/images_v7/NewIndex/branding/bg.png) no-repeat 0 -38px;}
.brandScConceptTitle2 a{ display:block; width:70px; height: 18px;background: url(http://img.f508.com/images_v7/NewIndex/branding/bg.png) no-repeat -169px -69px;}
.brandScConceptTitle2 a:hover{ background: url(http://img.f508.com/images_v7/NewIndex/branding/bg.png) no-repeat -169px -38px;}
.brandScConceptTitle3 a{display:block; width:95px; height: 18px;background: url(http://img.f508.com/images_v7/NewIndex/branding/bg.png) no-repeat -331px -69px;}
.brandScConceptTitle3 a:hover{ background: url(http://img.f508.com/images_v7/NewIndex/branding/bg.png) no-repeat -331px -38px;}
.brandHaConceptTitle1 a{ display:block; width:106px; height: 30px;background: url(http://img.f508.com/images_v7/NewIndex/branding/bg.png) no-repeat 0 -196px;}
.brandHaConceptTitle1 a:hover{ background: url(http://img.f508.com/images_v7/NewIndex/branding/bg.png) no-repeat 0 -156px;}
.brandHaConceptTitle2 a{ display:block; width:80px; height: 30px;background: url(http://img.f508.com/images_v7/NewIndex/branding/bg.png) no-repeat -208px -112px;}
.brandHaConceptTitle2 a:hover{ background: url(http://img.f508.com/images_v7/NewIndex/branding/bg.png) no-repeat -353px -112px;}
.brandHaConceptTitle3 a{ display:block; width:80px; height: 30px;background: url(http://img.f508.com/images_v7/NewIndex/branding/bg.png) no-repeat -208px -154px;}
.brandHaConceptTitle3 a:hover{ background: url(http://img.f508.com/images_v7/NewIndex/branding/bg.png) no-repeat -353px -154px;}
.brandKrConceptTitle1 a{ display:block; width:157px; height:20px;background: url(http://img.f508.com/images_v7/NewIndex/branding/bg.png) no-repeat -198px -290px;}
.brandKrConceptTitle1 a:hover{ background: url(http://img.f508.com/images_v7/NewIndex/branding/bg.png) no-repeat 0 -290px;}
.brandKrConceptTitle2 a{ display:block; width:157px; height: 20px;background: url(http://img.f508.com/images_v7/NewIndex/branding/bg.png) no-repeat -198px -325px;}
.brandKrConceptTitle2 a:hover{ background: url(http://img.f508.com/images_v7/NewIndex/branding/bg.png) no-repeat 0 -325px;}
.brandKrConceptTitle3 a{ display:block; width:157px; height:20px;background: url(http://img.f508.com/images_v7/NewIndex/branding/bg.png) no-repeat -198px -357px;}
.brandKrConceptTitle3 a:hover{ background: url(http://img.f508.com/images_v7/NewIndex/branding/bg.png) no-repeat 0 -357px;}
.brandConceptContent { padding:15px; padding-bottom:5px;}
.brandScLine{ height:35px; border-bottom:1px solid #0b1f30;}
/* 2009-9-20 add */
.brandNews{padding-bottom:30px;}
.brandNews li{ padding:8px 0; border-bottom:1px dotted #bfbfbf;}
.brandNewsDate{ float:left; width:100px;}
.brandScNewTitle p{width:67px; height: 15px;background: url(http://img.f508.com/images_v7/NewIndex/branding/bg.png) no-repeat -331px 0; padding-bottom:10px; }
.brandHaNewTitle p{width:67px; height: 15px;background: url(http://img.f508.com/images_v7/NewIndex/branding/bg.png) no-repeat -116px -203px; padding-bottom:10px; }
.brandKrNewTitle p{width:67px; height: 15px;background: url(http://img.f508.com/images_v7/NewIndex/branding/bg.png) no-repeat -198px -240px; padding-bottom:10px; }

.brandNew{ width:620px;}
.brandNewItem li{float:left;width:100px; padding-right:35px;}
.brandNewItem li p{padding-top:8px;}
.brandNewLArrow{ float:left; width:40px; }
.brandNewLArrow a{ display:block; width:20px; height:80px;background: url(http://img.f508.com/images_v7/NewIndex/branding/bg.png) no-repeat -448px 50px;}
.brandNewRArrow{ float:right; width:40px; }
.brandNewRArrow a{ display:block; width:20px; height:80px;background: url(http://img.f508.com/images_v7/NewIndex/branding/bg.png) no-repeat -475px 50px;}

.brandScConcept1Title p{ width:58px; height:14px; background: url(http://img.f508.com/images_v7/NewIndex/branding/bg.png) no-repeat 0 -93px;}
.brandScConcept2Title p{ width:58px; height:14px; background: url(http://img.f508.com/images_v7/NewIndex/branding/bg.png) no-repeat -71px -93px;}
.brandScConcept3Title p{ width:58px; height:14px; background: url(http://img.f508.com/images_v7/NewIndex/branding/bg.png) no-repeat -140px -93px;}
.brandScconcept3Item {width:540px;}
.brandScProduce li{ float:left; width:100px; padding-right:15px;}
.brandScProduce li p{padding-bottom:8px;}
.brandHaConcept1Title p{ width:58px; height:14px; background: url(http://img.f508.com/images_v7/NewIndex/branding/bg.png) no-repeat -191px -203px;}
.brandHaConcept2Title p{ width:58px; height:14px; background: url(http://img.f508.com/images_v7/NewIndex/branding/bg.png) no-repeat -264px -203px;}
.brandKrConcept1Title p{ width:58px; height:14px; background: url(http://img.f508.com/images_v7/NewIndex/branding/bg.png) no-repeat -278px -248px;}
.brandKrConcept2Title p{ width:58px; height:14px; background: url(http://img.f508.com/images_v7/NewIndex/branding/bg.png) no-repeat -350px -248px;}

.brandAdvice{ float:right; width:110px;}
.brandScAdviceTitle p{ width:58px; height:14px; background: url(http://img.f508.com/images_v7/NewIndex/branding/bg.png) no-repeat -295px -93px;}
.brandHaAdviceTitle p{ width:58px; height:14px; background: url(http://img.f508.com/images_v7/NewIndex/branding/bg.png) no-repeat -415px -203px;}
.brandKrAdviceTitle p{ width:58px; height:14px; background: url(http://img.f508.com/images_v7/NewIndex/branding/bg.png) no-repeat -278px -266px;}
.brandAdviceItem li{padding-bottom:20px;}
.brandTop{ float:left; width:475px;}
.brandScTopTitle p{ width:58px; height:14px; background: url(http://img.f508.com/images_v7/NewIndex/branding/bg.png) no-repeat -214px -93px;}
.brandHaTopTitle p{ width:58px; height:14px; background: url(http://img.f508.com/images_v7/NewIndex/branding/bg.png) no-repeat -344px -203px;}
.brandKrTopTitle p{ width:58px; height:14px; background: url(http://img.f508.com/images_v7/NewIndex/branding/bg.png) no-repeat -198px -266px;}
.brandTop ul li{float:left; width:120px; padding:10px 15px 20px 15px; height:160px;}
.brandTopNum{ float:left; width:20px; font-size:18px; font-style:italic; }
.brandTopPic{ float:right; width:100px;}
.brandTopLink{ width:115px; clear:both;}

.brandScHover1 a{ background: url(http://img.f508.com/images_v7/NewIndex/branding/bg.png) no-repeat 0 -38px;}
.brandScHover2 a{ background: url(http://img.f508.com/images_v7/NewIndex/branding/bg.png) no-repeat -169px -38px;}
.brandScHover3 a{ background: url(http://img.f508.com/images_v7/NewIndex/branding/bg.png) no-repeat -331px -38px;}
.brandHaHover1 a{ background: url(http://img.f508.com/images_v7/NewIndex/branding/bg.png) no-repeat 0 -156px;}
.brandHaHover2 a{ background: url(http://img.f508.com/images_v7/NewIndex/branding/bg.png) no-repeat -353px -112px;}
.brandHaHover3 a{ background: url(http://img.f508.com/images_v7/NewIndex/branding/bg.png) no-repeat -353px -154px;}
.brandKrHover1 a{ background: url(http://img.f508.com/images_v7/NewIndex/branding/bg.png) no-repeat 0 -290px;}
.brandKrHover2 a{ background: url(http://img.f508.com/images_v7/NewIndex/branding/bg.png) no-repeat 0 -325px;}
.brandKrHover3 a{ background: url(http://img.f508.com/images_v7/NewIndex/branding/bg.png) no-repeat 0 -357px;}
/* 首页滚动字幕及倒计时 */
.navAd{  padding-left:15px;overflow:hidden;}
#container_copymsgid{padding-left:15px;overflow:hidden;}
#container{ position:relative;overflow:hidden;height:16px;}
#container ul{ float:left;overflow:hidden;clear:both;height:16px;width:385px;}
#container li{ float:left;text-align:center;overflow:hidden;height:16px;}

.ztTopBanner{ padding-bottom:15px;}/*用于替代以下topBanner*/
.topBanner{height:60px; padding-bottom:10px; background: url(http://img.f508.com/images_v7/NewIndex/topBanner.jpg) top center no-repeat;}
.topBanner a{ display:block;}
.topBannerLink1 a{ width: 920px; height:60px; float:left;}
.topBannerCount{ width: 290px; height:50px; float:left; padding-left:35px;}
.topBannerCount li{ float:left; padding: 22px 25px; font-size:16px; font-weight:bold;}
.topBannerLink2 a{ width: 120px; height:50px; float:right;}

/* gavin add 商品表现*/
.newProForOut {width:533px; height: 206px;}
.newProForIn {width:1620px;}
.TechnicalOut {width:450px; height: 143px;}
.TechnicalIn {width:920px;}
/*制作工艺 */
.zhu{ text-align:left; font-size:12px; line-height:160%; width:800px; margin-left:auto; margin-right:auto; margin-bottom:15px; padding:15px; background-color:#FFF;}
.zhu p {padding:8px;}
.clear1 { overflow:hidden; zoom:1; }
.clear2 { clear:both;}
.youce{ float:right;}
.zuoce { margin-right:490px;}
.pinpai { padding:25px 15px 0 0;}
.timu { background:url(/Brand/sunnyclouds/SCMakeTechnical/img1/bluebar.jpg) no-repeat scroll; padding-left:18px; line-height: 25px; font-size:18px; font-weight:bold;}
.xijie { margin:0; padding:0; list-style:none;}
.xijie li { width:240px; float:left; margin-left:30px; text-align:left; }
.xijie p { text-align:left;}
/*  列表页 */
.listFlash{ height:360px; background-color:#CCC;}
.listFlash object{ height:360px;}
.listOtherBreed {height:60px; background-color:#CCC;}
.listOtherBreed object {height:60px;}
.listRightBlock{ width:700px; float:right;}
.listLeftBlock{ width:200px; float:left;}
/*.moreOptions{float:right;}*/
.moreOptions a{ float:right; display:block; width:65px; height:15px; background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -289px 0;}
.listSelectTitle p{ display:block; width:80px; height:16px;background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -364px 0;}
.listSelectLeft{ width:70px; float:left;}
.listSelectRight li{ float:left; padding:0 10px 5px 20px; background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -289px -22px;}
.listSelectRight li{ word-break:keep-all;}
.moreSize {padding:5px 0 0 103px;}
.moreSize a{ display:block; width:123px; height:14px; background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -180px -45px;}
.hideUp a{ float:right; display:block; width:40px; height:14px;background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -456px -1px;}
.listOrderTitle{ float:left; width:100px;}
.listOrderTitle p{ display:block; width:80px; height:16px;background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -326px -45px;}
.switchPicSize{ float:right; width:120px;}
.switchPicSize li{ float:left; padding-right:10px;}
.switchPicSizeBig a { display:block; width:17px; height:17px;background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -458px -45px;}
.switchPicSizeBig a:hover {background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -480px -45px;}
.switchPicSizeSmall a { display:block; width:17px; height:17px;background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -437px -45px;}
.switchPicSizeSmall a:hover {background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -416px -45px;}
.listOrderOptions{ width:200px; float:left;}
.listOrderOptions li{ float:left; padding:0 8px 5px 15px; background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -289px -23px;}
.listOrderOptions1 a{ display:block; width:30px; height:14px;background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -206px -73px;}
.listOrderOptions1 a:hover{background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -244px -73px;}
.listOrderOptions2 a{ display:block; width:40px; height:14px;background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -295px -73px;}
.listOrderOptions2 a:hover{background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -345px -73px;}
.listOrderOptions3 a{ display:block; width:50px; height:14px;background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -391px -73px;}
.listOrderOptions3 a:hover{background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -448px -73px;}

.listOrderOptions1_Hover a {background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -244px -73px;}
.listOrderOptions2_Hover a {background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -345px -73px;}
.listOrderOptions3_Hover a {background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -448px -73px;}
.switchPicSizeSmall_Hover a {background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -416px -45px;}
.switchPicSizeBig_Hover a {background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -480px -45px;}

.listItem li{ height:190px; float:left; width:110px; padding:15px 18px; border-bottom:1px dotted #bfbfbf;border-right:1px dotted #bfbfbf;}
.listItem2 li{ height:370px; float:left; width:220px; padding:15px 8px; border-bottom:1px dotted #bfbfbf;border-right:1px dotted #bfbfbf;}
.listItem2 .picMid{ width:220px; height:315px; overflow:hidden;}
.picMid { width:222px; height:315px; overflow:hidden;}
.listItem li p { padding-bottom:5px;}
.listItem li p ,.listItem2 li p { word-break:break-all;word-wrap:break-word;}
.listItemPic {text-align:center;}
.loading{ text-align:center;}
.listReviewTitle {padding:13px 0; border-bottom:1px dotted #666; background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -339px -325px;}
.listReviewPic{ float:left; padding:0 10px; width:60px;}
.listReviewLink{float:right; width:80px;}
.listReviewLink a {word-break:break-all;word-wrap:break-word;}
.listReviewText{ padding:10px 0 20px 0}
.listReviewText p { word-break:break-all;word-wrap:break-word;}
.listMidPicSlide{ width:240px; background: url(http://img.f508.com/images_v7/NewIndex/box_bgimg.gif) left top repeat-y; padding:0 5px 3px 0;position:absolute;}
.listMidPicSlide2{ width:224px; padding:0 8px; background:#FFF; border:1px solid #ccc;}
.listMidPicSlide2 p{ padding:3px 0;}
.listMidPicSlide2 p img{ border:1px solid #ccc;}
/*  商品单页 */
.detail{ border-top:1px solid #bfbfbf;border-bottom:1px solid #bfbfbf;}
.detailRightBlock{ float:right; width:699px; padding-bottom:20px; border-left:1px solid #bfbfbf;}
.detailLeftBlock{ float:left; width:220px;}

.cartBlock{float:right; width: 248px;}
.cartBlock p{ padding: 4px 0;}
.cartBlockBasic{padding:20px 0 20px 15px;border-bottom:1px solid #bfbfbf;}
.cartBlockBasic h1{ font-size:14px; padding:0; line-height:150%; font-weight:bold;}
.detailPrice{ font-size:14px; font-weight:bold;}
.selectColor{padding:20px 0 20px 15px;border-bottom:1px solid #bfbfbf;}
.selectColorTitle p{width:70px; height:15px;background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat 0 -1468px;}
.selectColorAction li{ width:60px; height:65px; float:left; padding:0 10px 5px 0;}
.selectColorAction li img{padding:3px;}
.selectColorOff img,.selectColorOff span{ border:1px solid #d3d3d3;}
.selectColorOn img , .selectColorOn span{  border:2px solid #644424;}
.selectColorZero img{background:#ebebeb;}
.selectColorNum{color:#725b46;display:block; width:56px; height:38px; background: url(http://img.f508.com/images_v7/NewIndex/color.gif) no-repeat top left; text-align:center; padding-top:18px;}
.selectColorNumZero{color:#999; display:block; width:56px; height:38px; background: url(http://img.f508.com/images_v7/NewIndex/color2.gif) no-repeat top left; text-align:center; padding-top:18px;}

.selectSize{padding:20px 0 20px 15px;border-bottom:1px solid #bfbfbf;}
.selectSizeTitle p{width:70px; height:15px;background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -77px -1468px;}
.selectSizeAction li{ width:55px; height:45px; float:left; padding-bottom:5px;}
.selectSizeAction a{ width:38px; padding:2px;display:block; border:1px solid #d3d3d3; margin:1px 0 0 1px; }
.selectSizeAction a:hover,.selectSizeOn a{border:2px solid #644424; margin:0; text-decoration:none;}
.selectSizeAction a span{ display:block; padding:4px 0; text-align:center;background:#e7d1bc; color:#725b46;width:100%;cursor:pointer;}
.selectSizeZero a span{ background:#ebebeb; color:#999;}

.selectSizeTip a{ display:block;width:130px; height:15px;background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat 0 -1490px;}

.cartGo{padding:20px 0 20px 15px;}
.cartGoTitle p{width:70px; height:15px;background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -150px -1468px;}
.favButton{ width:94px; float:right;}
.favButton a{ display:block;width:92px; height:28px;background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat 0 -1627px;}
.cartGoButton1 a{ display:block;width:134px; height:31px;background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat 0 -1513px;}
.cartGoButton2 a{ display:block;width:134px; height:31px;background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat 0 -1552px;}
.cartGoButton3 a{ display:block;width:134px; height:31px;background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat 0 -1591px;}
.cartGoTip a{ display:block;width:140px; height:15px;background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -150px -1490px;}

.coverBlock{ float:left; width:420px; padding:20px 15px;}
.shareFriend{ float:right;}
.shareFriend a{display:block;width:115px; height:35px;background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -148px -1591px;}
.cordiCheck1 a{display:block;width:201px; height:35px;background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -148px -1510px;}
.cordiCheck2 a{display:block;width:201px; height:35px;background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -148px -1551px;}
.cordiBox{ border-bottom:1px dotted #bfbfbf;}
.cordiItem ul {padding:10px 0;}
.cordiItem ul li{ float:left;}
.cordiPhoto{ width:120px; padding-right:15px;}
.cordiPhotoFrame{ width:99px; height:132px; padding:8px 0 0 5px; background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -359px -1510px;}
.cordiProduct{ width:120px; padding-right:15px;}

.detailBar{ font-weight:bold; height:28px; background:#e9e9e9; padding:7px 180px 0 10px;}
.detailBox{ padding:20px 0 30px 15px;}
.detailBoxLeft{ float:left; width:410px;padding-right:30px;}
.detailDescription p{ padding:10px 0;}
.detailRelatedSubject{width:260px; float:left;}
.detailRelatedMag{width:140px; float:left;}
.detailRelated p{padding-top:5px ;}
.detailBoxRight{ float:right; width:240px;}
.detailService li{float:left;width:90px;padding-bottom:10px;}

.specPicSelect ul{ width:500px; margin:0 auto;}
.specPicSelect ul li{ width:100px; height:95px; float:left; }
.specPicSelectOff img{ padding:3px; border:1px solid #d3d3d3;}
.specPicSelectOn img{ padding:3px; border:2px solid #644424;}
.specPicBig{ padding-bottom:10px;}
.specPicBigBox{ width:500px; margin:0 auto; padding:8px 0;border:1px solid #d3d3d3;}
.specPicBig p{ padding:5px 20px; }

.detailSc1{ width:669px; height:80px; background: url(http://img.f508.com/images_v7/NewIndex/detail/sc1.jpg) no-repeat top left;}
.detailSc2{ width:669px; text-align:center; padding:15px 0;}
.detailSc3{ width:669px; height:50px; background: url(http://img.f508.com/images_v7/NewIndex/detail/sc2.jpg) no-repeat top left; }
.detailSc4{ width:200px; height:264px; background: url(http://img.f508.com/images_v7/NewIndex/detail/sc3.jpg) no-repeat top left; padding:65px 15px 0 15px;}
.detailSc4 p{padding-bottom:5px;}
.detailHa1{ width:669px; height:80px; background: url(http://img.f508.com/images_v7/NewIndex/detail/ha1.jpg) no-repeat top left;}
.detailHa2{ width:669px; text-align:center; padding:15px 0;}
.detailHa3{ width:669px; height:50px; background: url(http://img.f508.com/images_v7/NewIndex/detail/ha2.jpg) no-repeat top left; }
.detailHa4{ width:200px; height:264px; background: url(http://img.f508.com/images_v7/NewIndex/detail/ha3.jpg) no-repeat top left; padding:65px 15px 0 15px;}
.detailHa4 p{padding-bottom:5px;}
.detailKr1{ width:669px; height:80px; background: url(http://img.f508.com/images_v7/NewIndex/detail/kr1.jpg) no-repeat top left;}
.detailKr2{ width:669px; text-align:center; padding:15px 0;}
.detailKr3{ width:669px; height:50px; background: url(http://img.f508.com/images_v7/NewIndex/detail/kr2.jpg) no-repeat top left; }
.detailKr4{ width:200px; height:264px; background: url(http://img.f508.com/images_v7/NewIndex/detail/kr3.jpg) no-repeat top left; padding:65px 15px 0 15px;}
.detailKr4 p{padding-bottom:5px;}
.detailFe1{ width:669px; height:80px; background: url(http://img.f508.com/images_v7/NewIndex/detail/feli1.jpg) no-repeat top left;}
.detailFe2{ width:669px; text-align:center; padding:15px 0;}
.detailFe3{ width:669px; height:50px; background: url(http://img.f508.com/images_v7/NewIndex/detail/feli2.jpg) no-repeat top left; }
.detailFe4{ width:200px; height:264px; background: url(http://img.f508.com/images_v7/NewIndex/detail/feli3.jpg) no-repeat top left; padding:65px 15px 0 15px;}
.detailFe4 p{padding-bottom:5px;}
.detailIna1{ width:669px; height:80px; background: url(http://img.f508.com/images_v7/NewIndex/detail/ina365-1.jpg) no-repeat top left;}
.detailIna2{ width:669px; text-align:center; padding:15px 0;}
.detailIna3{ width:669px; height:50px; background: url(http://img.f508.com/images_v7/NewIndex/detail/ina365-2.jpg) no-repeat top left; }
.detailIna4{ width:200px; height:264px; background: url(http://img.f508.com/images_v7/NewIndex/detail/ina365-3.jpg) no-repeat top left; padding:65px 15px 0 15px;}
.detailIna4 p{padding-bottom:5px;}
.detailAn1{ width:669px; height:80px; background: url(http://img.f508.com/images_v7/NewIndex/detail/anone-1.jpg) no-repeat top left;}
.detailAn2{ width:669px; text-align:center; padding:15px 0;}
.detailAn3{ width:669px; height:50px; background: url(http://img.f508.com/images_v7/NewIndex/detail/anone-2.jpg) no-repeat top left; }
.detailAn4{ width:200px; height:264px; background: url(http://img.f508.com/images_v7/NewIndex/detail/anone-3.jpg) no-repeat top left; padding:65px 15px 0 15px;}
.detailAn4 p{padding-bottom:5px;}

.reviewPost a{ float:right; display:block; width:82px; height:23px; background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -306px -1471px;}
.reviewMain{padding:10px 0;}
.reviewIcon{ float:left; width:80px; padding-right:10px;}
.reviewIcon p{ padding:2px 0;}
.reviewWords{width:320px; float:right; }
.reviewTime{ width:108px; float:right; text-align:right;}
.reviewTitle{ width: 200px; float:left;}
.reviewStar li{ float:left; width:18px; height:15px; background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -282px -1591px;}
.reviewCommentButton a{ display:block;width:50px; height:15px; background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -280px -1614px;}
.commentNotLogin td{ padding:5px;}
.commentNotLogin input , .commentNotLogin textarea{ width:220px;}
.commentGo{ float:left; width:100px;}
.commentGo a{ display:block;width:82px; height:23px; background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -111px -1634px;}
.commentCancle{ float:left; width:60px; padding-top:3px;}
.commentOne{ padding:5px 0;}
.commentNum{ width:25px; float:left; font-size:22px; padding-top:5px; font-style:italic; color:#999;}
.commentContent{ width:285px; float:right;}
.commentTitle{ width: 176px; float:left;}
.commentWords{ padding:5px 0;}
.showPost a{ float:right; display:block; width:82px; height:23px; background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat -398px -1471px;}
.showMain{ padding:10px 0;}
.showPic{ float:right; width:150px;}

.helpNav li{ float:left; width:100px; height:19px; text-align:center; padding:3px 0;}
.helpNavOn{border:1px solid #ccc; border-bottom:none;}
.helpNavOff{border:1px solid #ccc; background:#f0f0f0; color:#666;}
.helpNavLine{border-bottom:1px solid #ccc; border-top: 1px solid #fff;}
.transportNav{ padding:15px 0 10px 0;}
.transportNav li{ float:left; margin-right:8px; width:120px; text-align:center; padding:2px 0;}
.transportNavOn{border:1px solid #ccc; }
.transportNavOff{ background:#f0f0f0;color:#666;border:1px solid #ccc; }
.alsoCheck li{ float:left; width:120px; padding:15px 15px 15px 0;}
.alsoLike li{ float:left; margin:10px 5px 0 0;}
.alsoLike em{display:block; text-decoration:none; font-size:12px; color:#996600;}
.alsoLike span a,.reviewMain p, .showMain p{word-break:break-all;word-wrap:break-word;}
#originalprice{display:none;}

.detailLeftTitle{ padding:20px 0 15px 0; font-weight:bold;}
.detailLeftBox{ padding-bottom:20px; border-bottom:1px solid #bfbfbf;}
.detailSearch{ padding-left:10px;}
.detailSearch td{ padding:3px;}
.detailSearch input{ width:120px; padding-top:3px;}
.detailRanking {width:200px;}

.coverLoading{ text-align:center; height:600px; }
.specPicLoading{ text-align:center; height:410px;padding-top:50px;}

.shareSlide{ width:120px; border:1px solid #FF91BD; border-top:none;}
.shareSlide dd{ padding:3px 0 3px 25px; border-bottom:1px dotted #ff91bd;}
.shareSlide dd span{ cursor:pointer;color: #818181;}
.shareKaixin{ background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat 5px -1662px;}
.shareDouban{ background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat 5px -1694px;}
.shareRenren{ background: url(http://img.f508.com/images_v7/NewIndex/bg.png) no-repeat 5px -1728px;}
.cartSlide{ width:180px; padding:10px;}
.cartSlide p{ padding:3px 0;}
.cartSlide input{ width:120px; padding-top:3px;}
.cartSlide a{ color:#000; text-decoration:underline;}
.cartSlideOk{ background:#e4ffca; border:1px dashed #396;}
.cartSlideBad{ background:#FDE1E9; border:1px dashed #FF9D9D;}
.cordiSlide{ padding:15px; background:#FFF;}
.cordiSlide img{ padding:5px; border:2px solid #E9E9E9; width:500px;}
.cordiSlide p{ padding:5px 0;}
.selectColorOff div {padding:1px;}
.buyHelpBox p{padding-bottom:10px;}

.loginSlide{ width:300px; border:1px solid #bfbfbf; padding:10px;position:fixed;_position:absolute; /* hack for internet explorer 6*/}
.loginSlide h3{ padding:8px 0; font-size:14px; font-weight:bold; border-bottom:1px dotted #bfbfbf;}
.loginSlide table{ margin:10px 0;}
.loginSlide td{ padding:3px;}
/*单页下架商品*/
.detailNone{ margin-bottom:15px; padding:15px; background:#FCE4DA; font-size:14px; font-weight:bold; text-align:center; border-bottom:1px #FDD3BD solid; border-top:1px #FDD3BD solid;}