﻿html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,big,cite,code,del,em,font,img,ins,small,strong,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend{margin:0;padding:0;}
ol,ul,li{list-style:none;}
:focus{outline:0;}
a img{border:0;}
img{vertical-align:middle;}
em{font-style:normal;}

.btn-img{cursor:pointer;margin:0;padding:0;border:0;text-align:center;}
.btn-text{cursor:pointer;margin:0;padding:0;text-align:center;}
/*text*/
body{font:12px/18px "Arial", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;  background: url(../images/bodybg.jpg)}
h1{font-size:20px;font-family:Arial,Lucida,Verdana,Helvetica,sans-serif;}
h2{font-size:14px;}h3{font-size:14px;}h4{font-size:12px;}h5{font-size:12px;}h6{font-size:12px;}
/*link*/
a:link,a:visited{color:#333;text-decoration:none;}
a:hover{color:#c00;text-decoration:underline;}
a:active{color:#900;}
.hid{ display:none}
#daohang{ width:960px;height:110px;border:0px solid red;margin:0 auto; float:left}
#center{ width:99%; margin:0 auto}
#left{  float:left;width:15.3%; z-index:1;margin-top:5px; background-color:#ffffff}
#right{float:left;width:83.5% !important;width:83% ;z-index:1; margin-top:5px; margin-left:5px;}
#rightt{width:101.2% !important;width:101%  }
#bottom{ float:left; width:100%; background: url(../images/leftbg.jpg) repeat-x;}
#ui-datepicker-div { display:none; }
#right_detail{ float:left;margin-top:-1px;width:95%; border:0px solid #dddddd;}
#rightTopa{ position:relative ;float:left;width:100%;border:1px solid #dddddd; }
#rightTopaa{ position:relative ;float:left;width:100%; height:800px}
#right span{ font-size:1.2em; font-weight:bolder; }

#all_back{ z-index:1 ; width:98%; background-color:#ffffff;   margin:0 auto;  }
/*#all{position:absolute;  z-index:1 ; width:98%; background-color:#ffffff;   left: 49.5%; margin-left: -48%; margin-top:5px; margin-bottom:20px; overflow:hidden; }*/


#Position{  float:left;width:100%; height:23px;border:0px solid #dddddd; text-align:left;background: url(../images/top1.jpg) repeat-x;}
.nav{ float:left;width:99%; }
#Position{ height:26px; line-height:26px;padding-left:50px }
.divtop{width:100%; height:25px; line-height:25px; text-align:center;background: url(../images/top1.jpg) repeat-x; }
.top{width:100%; height:25px; line-height:25px;background: url(../images/top5.jpg) repeat-x; color:#ffffff } 
.top1{width:100%; height:25px; line-height:25px;background: url(../images/top1.jpg) repeat-x; }
.top2{width:100%; height:25px; line-height:25px;background: url(../images/top2.jpg) repeat-x;}
.top3{width:100%; height:25px; line-height:25px;background: url(../images/top3.jpg) repeat-x;}
.top4{width:100%; height:25px; line-height:25px;background: url(../images/top4.jpg) repeat-x;}
.top5{width:100%; height:25px; line-height:25px;background: url(../images/top5.jpg) repeat-x;}
.topleft{ }
/* 左边菜单 */
#left-out{float:left;  width:99%; text-align:center;z-index:1;margin:0 auto;border:1px solid #dddddd; }
#left-content{width:99%; text-align:center; border:1px solid #dddddd;background-color:#ffffff ; position:relative;z-index:8;}
#left-a-content{width:98%; border:1px solid  #dddddd; margin-top:5px;background-color:#ffffff }
#left-b-content{width:98%;  border:1px solid  #dddddd ;margin-top:5px;background-color:#ffffff }
.left-a-top{width:100%;height:25px; background: url(../images/topbg.png) repeat-x;}
.left-a-content{width:98%;  border:1px solid  #dddddd;margin-top:5px;background-color:#ffffff }
/* 右边中间菜单*/
#center-out{float:left; width:80%;border:1px solid #787878;background-color:#ffffff;}
#right-out{ position:absolute;width:19.3%;border:1px solid #787878 ;background-color:#ffffff; right:0px; }
#center-out2{float:left; width:99.9%;border:1px solid #787878;background-color:#ffffff; }
#center-out-detail{float:left; width:100%;}
#fade_focus{ width:99.8%; }
#center-content{  width:100%;   text-align:left;  margin:0 auto;border:0px solid #787878;background-color:#ffffff;}
#center-top_Default2{ width:100%; height:25px; line-height:25px; background: url(../images/topbg.png) repeat-x;}
#center-content_Default2{ width:99.9%;border:1px solid #dddddd;text-align:left;background-color:#ffffff; margin:0px; padding:0px}
#center-top_search{width:99.6%; border:1px solid #ddd; margin:0 auto;}
#center-a-out{margin-right:1px;float:left;margin-top:5px; width:100%; display:none}
#center-a-content{ width:99%;margin-top:1px; border:1px solid #ddd ; display:none}
#center-a-out_details{float:left;margin-top:1px; width:100%;background-color:#ffffff;}
#center-a-content_details{width:99.9%;margin-top:1px; border:1px solid #787878;text-align:left;background-color:#ffffff;}
#center-b-out{float:left;margin-top:1px;width:99.6%;background-color:#ffffff;}

#center-b-content{width:100%;background-color:#ffffff;border:1px solid #787878}
.center-b-content{width:100%; margin-bottom:2px;border:1px solid #787878}
.content{ width:99.8%; margin:0 auto }
/* 右边菜单 */
#right-content{width:100%;    overflow:hidden }
#mainlist{width:95%}
#datalist1{width:90%; text-align:center;margin:auto}
#Image1{ ;}
#pic-out{ border-bottom:1px solid #ddd;}
#menuleft2{ width:95%}
.mleft{ width:99%; margin:0 auto; overflow:hidden ; text-align:left; padding:0px;}
#mleft{ width:99%; margin:0 auto; overflow:hidden ; text-align:left;}
.mleft div{ margin-left:1px}
.pic-out{position:relative;border:0px solid #dddddd;width:24.5%;  height:auto;float:left; text-align:center ; overflow:hidden; border-bottom:1px solid #787878}
.pic-out:hover{  background-color:#EEEED1}
.pic-out2{position:relative;width:20%;  height:auto;float:left;  text-align:center ; overflow:hidden;border-bottom:1px solid #787878;}
.pic-out2:hover{  background-color:#EEEED1}
.pic-a{ float:left;margin:0 auto;  Width:99%; height:168px;margin-left:1px; margin-top:2px; overflow:hidden;}
.pic-b{float:left;text-align:left; Width:98%;  height:62px;color:black; line-height:16px; margin:0 auto; padding-left:3px; overflow:hidden}
.pic-c{float:left;text-align:center;  Width:99%; color:#FF7F00; font-weight:bold}
.titlee{ list-style:none;text-align:left;  width:99%;  height:25px; line-height:25px ;overflow:hidden;font-size:9pt;background:url(../images/foot_point.jpg) no-repeat 0 10px; padding-left:5px; margin-left:1px}
.titleHelp{text-align:left;  width:12%; float:left; height:25px; line-height:25px ;overflow:hidden;font-size:9pt;background:url(../images/foot_point.jpg) no-repeat 0 10px; }
.titleHelp2{ list-style-type:square;text-align:left;  width:100px; margin-left:2px; float:left; height:25px; line-height:25px ;overflow:hidden;font-size:9pt; }
.title{ text-align:center;  margin:0 auto; width:98%; float:left; height:30px; padding-top:5px; font-size:12pt;}
.desc{ text-align:left;width:98%; border:0px solid #696940;   margin:0 auto; font-size:10pt}
#images_left{ width:65.3%;  position:relative; float:left;}
#images_right{ width:33.8%; position:relative;float:left; border:1px solid #dddddd; text-align:left; font-size:10pt; margin-left:2px; margin-top:2px;}
#productDesc{width:98%;  text-align:left}
.topTitle{  float:left;  margin-left:1%; width:15%; overflow:hidden;height:25px; line-height:25px;}

.brand{  width:73% ; float:left;overflow:hidden; height:25px; line-height:25px;}
.top1 a{ color:#642100; font-size:1.2em; margin-left:1px;overflow:hidden;}
.more{width:10%;float:right;overflow:hidden; height:25px; line-height:25px;}
.images{margin-top:3px;}
img{ border:0px}
#centertopsearch{ width:100%; margin:0 auto;}
 #centertopsearch  .SerachUL{width:100%; float:left; margin:0 auto;background: #fff url(../images/line.gif) repeat-x left bottom; }
 #centertopsearch  .Serachli{position:relative; list-style-type:none ;margin:1px 5px 1px 5px;float:left; line-height:normal;  font-size:1em;display:block;}
 #centertopsearch  .Serachli a{color:#6495ED;height:24px; line-height:24px ;}
  #centertopsearch  .Serachli div:hover{ background-color: #ae0927;}
  .brandimg{ border:1px solid #dddddd; width:96%; margin:0 auto; margin:1px; padding:1px; float:left}
  .brandimg img{display:inline;margin:0 auto}
  #center-a-content_details span{ font-size:1.2em; }
#ButtonLast {
    float:left;
}
#ButtonNext {
    float:left;
}
  #pagelist{ width:800px; text-align:center; float:left; }
  #pagelist a{ width:20px; height:20px; line-height:20px;  text-align:center;font-size:12pt; float:left; margin:1px; border:1px solid #dddddd }
  
  #FLink{ float:left; width:100%;  padding-left:50px ;margin-top:1px;border:1px solid #dddddd ;background-color:#ffffff;background: url(../images/topbg.png) repeat-x;}
 #footer{ width:80%; margin:0 auto;  text-align:left ;}
#footer_bottom1{ width:100%; margin:0 auto; text-align:center;float:left; border-bottom:1px solid #dddddd; margin:0;  padding:0 }
.footer_bottom2{width:100%; float:left; margin:0 auto; text-align:center; }
.footer_red{ width:60%;  margin:0 auto; }
.footer_icp{width:60%;  margin:0 auto;}
.clear{clear:both}
.hide-element {
    display: none;
}

/* 页头 */
/* nav */
img{ border:0}
#topmenu{height:29px; line-height:29px;width:100%;margin:0 auto;  position:relative;background: url(../images/topbgImg.jpg) repeat-x;  }
#menus{width:60%;margin:0 auto;}
#menuu{height:29px; line-height:29px;width:auto;   float:right }
#menuu a{ font-size:10pt}
#menuu li{list-style-type:none; float:left; font-size:10pt; cursor:pointer; }
#logo{ position:absolute;  left:10%;top:20px;  }
#navbox{height:68px;width:100%;margin:0 auto;background:url(../images/navbg.gif) repeat-x bottom; font: 12px/1.5 Arial ; margin-top:25px }
#navbox .searbox{ width:100%;  margin:0 auto;float:left; }
#navbox .search{height:33px; line-height:33px; height:auto;width:70%; margin:0 auto ; }/*搜索热点*/
#seachPrompt{ width:260px; height:400px; border:1px solid #666; top:26px; left:50px; background:#fff; padding:5px; cursor:pointer}
#navbox .nav a{width:71px; height:30px; float:left; line-height:30px; background:url(../images/menu.gif) bottom no-repeat; text-align:center; margin-right:1px; display:inline; color:#CD0000;  font-weight:bold;overflow:hidden;}
#navbox .nav #tehui{background:url(../images/menu1.gif) bottom no-repeat; color:#fefefe; font-weight:bold} 
 .nav .select,.nav a:hover{background:url(../images/menu.gif) top no-repeat;color:#fefefe; font-weight:bold}
/*search*/
#navbox .nav{width:auto;margin:0 auto;float:left;text-align:center;  }

#navbox .text{width:260px}
#navbox .submit{width:61px; height:21px; background:url(../images/search.png) no-repeat; font-size:0; cursor:pointer; border:0; padding:0; margin:0}
#navbox .search a{color:#fefefe; width:auto; overflow:hidden}
#navbox .search span,.search span a{ color:#E5FCAB}
#navbox .red{color:#FF0000}
#navbox .part1{margin-top:5px}
/*特价 推荐 新品 等图标promotion*/
.pi0,.pi1{}
.pi2,.pi3,.pi4,.pi5,.pi6,.pi7,.pi8,.pi9{position:absolute;width:54px;height:60px;top:0;right:0;background-image:url(../images/pic.gif);background-repeat:no-repeat;}
.pi00{background-position:0 0;}
.pi11{background-position:-54px 0;}
.pi2{background-position:-108px 0;}
.pi3{background-position:0 -60px;}
.pi4{background-position:-54px -60px;}
.pi5{background-position:-108px -60px;}
.pi6{background-position:0 -120px;}
.pi7{background-position:-54px -120px;}
.pi8{background-position:-162px 0;}
.pi9{background-position:-162px -60px;}
.pt1,.pt2,.pt3,.pt4{display:inline-block;width:28px;height:16px;margin:0 2px;overflow:hidden;background-image:url(../images/pic.gif);background-repeat:no-repeat;line-height:100px;font-size:0;margin-bottom:-3px;*margin-bottom:12px;}
.pt1{background-position:-71px -180px;}
.pt2{background-position:-100px -180px;}
.pt3{background-position:-42px -180px;}
.pt4{background-position:0 -180px;width:41px;}
/* detail页面 */
.tab{list-style-type:none;float:left; width:100px;  cursor:pointer ;height:25px; line-height:25px ;text-align:center;overflow:hidden; background:url(../images/tab.gif) top no-repeat;}
#tab1uu{ background:url(../images/tab.gif) bottom no-repeat;color:#ffffff}
#imgtop{ width:99%; height:auto; float:left; border:1px solid #dddddd;margin:0 auto; margin-top:2px;}
#imgbottom{ position:relative;width:99.8%; height:auto; float:left; min-height:500px ;border:1px solid #dddddd; margin-top:2px; overflow:hidden;cursor:move;}
#imgbottom img{ margin:0 auto; text-align:center}
#imgtop div{ list-style-type:none; float:left; margin:2px;cursor:pointer; border:1px solid #dddddd; padding:1px; }
#imgtop li{ list-style-type:none; float:left; margin-left:2px;cursor:pointer; border:1px solid black; padding:1px}
#imgDesc{  position:relative;width:99.8%; height:auto; float:left; border:1px solid #dddddd; margin:0 auto; overflow:hidden;cursor:move;}
#in2{padding-left:10px}
.IntroduceImg{ width:99.8%;}
.IntroduceTxt{ width:99.8%;}
.bg{background: url(../images/MenuRed.png) no-repeat 0 -108px;}
.IntroPic{margin-top:3px; }
.Ptable tr { background-color:#ffffff}
.Ptable  { background-color:#dddddd}
.dt{ width:99.6%;  line-height:25px; margin:0 auto; text-align:left}
.dd{ }
.ColorPicList{ float:left; width:30px; margin:1px }
.unselect{background: url(../images/tab.gif)  top no-repeat; color:Black;}
.selected{background: url(../images/tab.gif)  bottom no-repeat; color:#ffffff; }

/* 左边菜单 */
#o-search{ }
.w{width:980px;margin:0 auto;zoom:1;}
.allsort{float:left;width:175px;margin-left:0px;position:relative;z-index:11; }
.allsort .mt{height:24px;padding:14px 12px 12px 16px;line-height:24px;cursor:pointer;}
.allsort .mt strong{float:left;font-size:14px;color:#630;}
#o-search .allsort .mt a{color:#630;}
.allsort .mt .extra{display:none;}
.allsort .mc{position:absolute;top:45px;overflow:visible;width:203px;padding:0 3px 0;border:solid #C40000;border-width:0 1px 1px;background:#ffffff;-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;}
.allsort .item{width:174px;height:30px;border-top:1px solid #FDE6D2;}/*一级菜单*/
.allsort .fore{border-top:none;}
.allsort span{display:block;width:174px;position:relative;z-index:2;}/*一级菜单span*/
.allsort h3{width:168px;height:28px;line-height:28px; border:solid #ffffff;border-width:1px 0 1px 1px ;font-weight:normal;vertical-align:middle;background:url(../images/foot_point.jpg) no-repeat 0 10px; padding-left:5px;  text-align:left}
.allsort h3 a:link,.allsort h3 a:visited{color:#333;}
.allsort h3 a:hover,.allsort h3 a:active{color:#1B578A;font-weight:bold;}
.allsort s{display:block;position:absolute;top:9px;left:162px;width:13px;height:13px;background:url(../images/my_cat_sub_menu_dot.gif) no-repeat 0 100px;}
.allsort .item .i-mc{display:none;position:absolute;left:174px;top:0;width:650px;
                     border:2px solid #c30;background:#ffffff;overflow:hidden;z-index:2; }/*弹出子窗口*/
.allsort .item dt{padding:3px 6px 0 0;font-weight:bold;color:#C00;}
.allsort .item dd{padding:3px 0 0;overflow:hidden;zoom:1;}
.allsort font{color:#CCCCCC; font-size:12px}
.allsort .subitem{float:left;width:464px;min-height:400px;height:auto !important;height:400px;padding:0 4px 0 8px;}/*弹出窗口大小*/
.allsort .brand{ float:left;width:150px;min-height:400px;height:auto !important;height:400px;padding:2px 4px 2px 8px; margin:4px 0 4px 0 ;border-left:1px solid #dddddd}
.allsort .brand dt{padding:3px 6px 0 0;font-weight:bold;color:#C00;}
.allsort .brand dd{padding:3px 0 0;overflow:hidden;zoom:1; width:50px; height:18px; float:left; margin-left:2px}
.allsort .subitem dl{border-top:1px solid #FFEFD7;padding:6px 0;overflow:hidden;zoom:1;}
.allsort .subitem .fore{border-top:none;}
.allsort .subitem dt{float:left;width:54px;line-height:22px;text-align:right;}
.allsort .subitem dd{float:left;width:402px;}
.allsort .subitem em{float:left;height:14px;margin:4px 0;line-height:14px;padding:0 8px;border-left:1px solid #ccc;}
#o-search .allsort .subitem dt a{color:#c00;text-decoration:underline;}
#o-search .allsort .subitem dd a{white-space:nowrap;}
.allsort .fr{background:#fff;width:174px;padding-bottom:2010px;margin-bottom:-2000px;}
.allsort .fr dl{padding-bottom:0;}
#o-search .allsort .fr a{color:#666;}
.allsort .brands{width:160px;padding:6px 8px;}
.allsort .brands em{float:left;width:80px;}
.allsort .brands dd{padding-top:6px;line-height:20px;}
.allsort .brands-book em{width:160px;}
.allsort .promotion{width:160px;padding:6px 8px;}
.allsort .promotion dd{padding-top:6px;line-height:20px;}
.allsort .mc .extra{padding:3px 8px;background:#FDF1DE;border-top:1px solid #FDE6D2;}
#o-search .allsort .mc .extra a{color:#c00;}
.allsorthover{background-position:0 -166px;}
.allsorthover .mt .extra{background-position:-274px -190px;}
.allsorthover .mc{display:block;}
.allsort .hover span{z-index:13;width:160px;}
.allsort .hover h3{border:solid #c30;border-width:1px 0 1px 1px;overflow:hidden;}
.allsort .hover s{display:none;}

*html .allsort .item dd{padding-bottom:6px;}
*html .allsort .subitem{height:370px;}
.allsort .close{position:absolute;top:6px;left:632px;z-index:14;width:19px;height:19px;cursor:pointer;}
.allsort-beta{background:#FEF8EF;}

#mleft{width:100%; }
.ula{ position:relative; height:auto;}
.lia{ width:100%; height:23px;  line-height:23px ;text-align:center; list-style-type:none;float:left; border-bottom:1px solid #DDDDDD; border-top:1px solid #DDDDDD;color:#BB3D00; font-weight:bold;background:url(../images/top1.jpg) repeat-x left bottom;}
.lia a{ padding-left:5px  }
.lib{list-style-type:none;width:43%;height:23px;line-height:23px;margin-top:3px; margin-left:2%; text-align:left; float:left; overflow:hidden;}




