html,body {margin:0px;height:100%; font-size:13px;}

a{ text-decoration: none; color:#000}
a:hover{color:#C00;text-decoration:underline}

.a1{ text-decoration: none; color:#C00}
.a1:hover{color:#333;text-decoration:underline}



body{font-family:"宋体",Verdana;font-size: 12px;line-height: 22px; color:#000; }
select,input{font-size: 12px;font-family: "宋体",Verdana;}
ul,li,dl,dt,dd,h1,h2,h3,h4,h5,p,form,em,span,strong{ margin:0; padding:0; list-style:none}
em,strong,p{ font-style:normal;}
table,img{border:0;padding:0;margin:0;}

#flashMessage {
  width:894px;
  margin:0 auto;
  overflow:hidden;
  border: 2px solid red;
  padding: 1em;
  background-color: #f0f0f0;
  font: bold smaller sans-serif;
  font-size:13px;
}
/* dropdown menu */
.menu li ul {left:0; position:absolute; z-index:100; top:105px; left:420px; list-style-type:none; width:130px;}
.menu li ul li {float:left; position:relative; text-align:center; list-style-type:none; display:block;}
.menu li ul li a {background:#f7f7f7 none repeat scroll 0 0; color:#000000; display:block; height:40px; line-height:40px; width:120px;}

#header, .menu, #banner,#wrap,#pid{ width:894px; margin:0 auto; overflow:hidden}

#header .logo{ padding:5px 0 10px 0; width:282px; float:left}
#header .logo h1{ display:inline}
#header .register {float:right; color:#666; width:350px; text-align:right; padding:5px 0 0 0}
#header .register span{ float:left; text-align:right; padding-right:10px}
#header .register em{ float:right}
#header .register p{ float:right; text-align:right; padding:10px 0}

#nav {
  width:100%; margin:0 auto; overflow:hidden; background:url(../images/nav.jpg) repeat-x left top; height:42px; padding-bottom:1px; 
  border-bottom:1px solid #eee; border-top: 1px solid #f5f5f5
}
#nav .menu li{ float:left; margin:6px 0 0px 5px; display:inline}
#nav .menu li a{display:block; float:left; padding-left:14px; font-weight:bold; color:#000; height:28px; font-size:14px; text-decoration:none; cursor:pointer; line-height:28px}
#nav .menu li a span{display:block; float:left; padding-right:14px; font-weight:bold; height:28px;}
#nav .menu li a:hover{display:block; float:left; padding-left:14px; font-weight:bold; color:#c00; height:28px; font-size:14px; background:url(../images/menul.jpg) no-repeat left center;text-decoration:none;}
#nav .menu li a:hover span{display:block; float:left; padding-right:14px; font-weight:bold; height:28px;background:url(../images/menur.jpg) no-repeat right center;}
#nav .menu p{ float:right; padding-top:5px}

#banner,#wrap{ padding:12px 0 0 0;}
.bku{margin-left:12px;}
.bkn{margin-right:12px;}
#wrap .left {float:left; width:666px; overflow:hidden}

#wrap .left .moxl dl{ width:666px;}
#wrap .left .moxl dt{ background:url(../images/ico.gif) no-repeat 10px top; border-bottom:1px solid #E3E3E3; height:32px; float:left;width:666px}
#wrap .left .moxl dt strong{ padding-left:35px; color:#C00; float:left; font-size:14px}
#wrap .left .moxl dt em{ float:right; padding-top:20px;}
#wrap .left .moxl dd{ padding:0 0 18px 0; float:left; width:666px}

#wrap .left .moxl dd ul.picv{ width:666px;}
#wrap .left .moxl dd ul.picv li{ float:left; display:inline; width:/*138px*/178px; margin:20px 14px 0}
#wrap .left .moxl dd ul.picv li div{ width:/*138*/178px; height:/*152*/258px; float:left}
#wrap .left .moxl dd ul.picv li div img{ width:/*130*/170px; height:/*144*/250px; float:left;}
#wrap .left .moxl dd ul.picv li div a{padding:3px; border:1px solid #E6E6E6; width:/*130*/170px; height:/*144*/250px;display:block; float:left}
#wrap .left .moxl dd ul.picv li div a:hover {padding:3px; border:1px solid #c00; }
#wrap .left .moxl dd ul.picv li p{ width:/*138*/170px; float:left; text-align:center;padding-top:4px;}
#wrap .left .moxl dd ul.picv li span{ width:/*138*/170px; float:left; text-align:center}
#wrap .left .moxl dd ul.picv li span em{ width:69px; float:left; color:#666}
#wrap .left .moxl dd ul.picv li span strong{ width:69px; float:left; font-weight:normal; color:#c00}

#wrap .left .modt{ width:666px; background:url(../images/bj.jpg) repeat-x left top; float:left; }
#wrap .left .modt dt{height:27px; float:left;width:666px;padding-top:2px; line-height:27px}
#wrap .left .modt dt span strong{ background:url(../images/btns.jpg) no-repeat left top; width:85px; height:27px; color:#fff; float:left; font-size:14px; text-align:center}
#wrap .left .modt dt span{ float:left;padding:0 12px;}
#wrap .left .modt dt p{ width:108px; float:right}
#wrap .left .modt dt p em{ color:#C00}
#wrap .left .modt dd{ width:666px; float:left}

#wrap .left .modt dd ul.pics{ width:666px;}
#wrap .left .modt dd ul.pics li{ padding:18px 20px 0; float:left; width:/*126*/176px;}
#wrap .left .modt dd ul.pics li p{ width:/*126*/176px; height:/*130*/256px; float:left; margin-right:5px;}
#wrap .left .modt dd ul.pics li p a img{ width:/*120*/170px; height:/*124*/250px;}
#wrap .left .modt dd ul.pics li p a{width:/*120*/170px; height:/*124*/250px; padding:2px; border:1px solid #ddd; display:block}
#wrap .left .modt dd ul.pics li p a:hover { border:1px solid #c00}
#wrap .left .modt dd ul.pics li span{padding:auto auto; width:/*126*/176px; /*float:left;*/ text-align:center; color:#666;}
#wrap .left .modt dd ul.pics li span a { /*float:left;*/ width:/*126*/176px; display:block}
#wrap .left .modt dd ul.pics li span em{ color:#c00; text-align:center; width:/*126*/176px;float:left;}
#wrap .left .modt dd ul.pics li span strong{ float:left; font-weight:normal; width:/*126*/176px}
#wrap .left .modt dd .pic{ padding-right:30px; width:318px; float:left}
#wrap .left .modt dd .pic img{ width:310px; height:/*260*/420px; padding:3px; border:1px solid #ddd;}
#wrap .left .modt dd .pic span{width:318px; text-align:center; float:left; margin:15px 0 0 0}
#wrap .left .modt dd .pic span input{background:url(../images/btst.gif) no-repeat  left top; width:99px; height:26px; line-height:26px; border:none;}
#wrap .left .modt dd ul.jieshao{ width:318px; float:left;  }
#wrap .left .modt dd ul.jieshao li{ width:318px; float:left;}
#wrap .left .modt dd ul.jieshao li span{ width:70px; float:left; text-align:left;color:#666;}
#wrap .left .modt dd ul.jieshao li strong{ font-size:14px; font-family:Verdana; color:#f00}
#wrap .left .modt dd ul.jieshao li em{ font-size:14px; font-weight:bold; text-decoration:line-through;font-family:Verdana;}
#wrap .left .modt dd ul.jieshao li p{font-size:16px; font-weight:bold;font-family:Verdana;}
#wrap .left .modt dd ul.jieshao li img{ text-align:center; margin-top:5px;}

#wrap .left .modt dd ul.ps{ width:666px; float:left}
#wrap .left .modt dd ul.ps li{ float:left; text-align:center; float:left; width:666px; padding-bottom:20px}
#wrap .left .modt dd ul.ps li strong{ color:#c00; font-size:14px; padding:20px 0; float:left}
#wrap .left .modt dd ul.ps li span{ float:left; text-align:center; width:666px}
#wrap .left .modt dd ul.zuijin{ width:666px; float:left}
#wrap .left .modt dd ul.zuijin li{ width:112px; float:left; padding:0 8px; display:inline}
#wrap .left .modt dd ul.zuijin li img{ width:108px; height:90px; padding:2px; border:1px solid #ddd}
#wrap .left .modt dd ul.zuijin li span{ width:118px; float:left; text-align:center}
#wrap .left .modt dd ul.zuijin li strong{ float:left; color:#c00;width:118px;text-align:center}
#wrap .left .modt dd h4{ width:666px; font-size:14px; color:#c00;padding:20px 0; float:left}
#wrap .left .modt dd .bd{ padding:15px; width:636px; background:#F1F1F1; float:left; margin-bottom:10px;}
#wrap .left .modt dd ul.pl{ width:666px; }
#wrap .left .modt dd ul.pl li{ width:666px; float:left;border-bottom:1px solid #ddd;}
#wrap .left .modt dd ul.pl li p{ color:#666; width:666px; float:left}
#wrap .left .modt dd ul.pl li p span{ background:url(../images/icos.gif) no-repeat left top; padding-left:25px; float:left; color:#c00;float:left;width:641px;}
#wrap .left .modt dd ul.pl li p em{ color:#999; float:left; text-align:right;width:666px;}
.bk{ border:1px solid #ddd}
.bks{ border:1px solid #ddd; width:200px; height:20px}
.font_cou{ color:#f00}
.font_s{ color:#666;}
#wrap .left .login{ border-bottom:1px solid #ddd; width:666px; float:left}
#wrap .left .login strong{ background:url(../images/ics.gif) no-repeat left top; padding-left:18px; color:#f00; font-size:14px}
#wrap .left .xian{ margin-top:15px; border:1px dashed #ddd; width:644px; padding:10px; float:left}
#wrap .left .btns{ width:666px; float:left; text-align:center; margin-top:10px; }
#wrap .left .btns input{ background:url(../images/btnt.jpg) no-repeat center top; width:117px; height:38px; line-height:38px; color:#fff; font-size:16px; font-weight:bold; border:none}
#wrap .left .zst{ float:left; background:#a10000; width:300px; line-height:32px; font-size:14px; color:#fff; font-weight:bold; text-align:center; margin-top:10px; margin-left:90px}
#wrap .left .zst a{ color:#fff}
#wrap .left .btnss{ width:666px; float:left; text-align:center; margin-top:10px; }
#wrap .left .btnss input{ background:url(../images/dengl.jpg) no-repeat center top; width:117px; height:38px; line-height:38px; color:#fff; font-size:16px; font-weight:bold; border:none}
#wrap .left .bsg{width:666px; float:left; text-align:center; margin-top:10px;}
#wrap .left .bsg input{ font-size:14px; padding:5px}

.rightWrap {float:right; width: 210px; background:white;} 

#wrap .right{ width:/*195*/200px; float:left; background:#F1F1F1; margin-bottom:10px; padding:2px; overflow:hidden}
#wrap .right h2{ font-size:14px;width:192px; float:left}
#wrap .right h3{font-size:14px;width:192px; float:left; border-bottom:1px dashed #ddd}

#wrap .right ul.liebs{ width:192px; float:left; padding-top:15px}
#wrap .right ul.liebs li{ float:left; width:175px; padding-left:17px; color:#c00}
#wrap .right ul.liebs li a{ padding-left:15px; float:left; width:160px;}
#wrap .right dl { padding-bottom:5px;}
#wrap .right dt { padding:5px 0 0 5px;}
#wrap .right dt strong { width:48px; color:#333; font-weight:normal; text-align:right}
#wrap .right dt span input { border:1px solid #bbb; width:125px;}
#wrap .right dd {padding:5px 0 0 5px;}
#wrap .right dd span input{ border:none}
#wrap .right dd strong{ color:#666; font-weight:normal}
#wrap .right div {/*padding-bottom:10px;*/; float:left; width:190px}
#wrap .right div span{ padding:0 10px 0 55px;}
#wrap .right div input{ background:url(../images/btn.gif) no-repeat left top; border:none; height:20px; width:47px; line-height:20px; color:#fff; font-weight:bold}
#wrap .right ul.moxtxt{padding-bottom:10px; float:left;color:#333 }
#wrap .right ul.moxtxt li{float:left; width:198px;}
#wrap .right ul.moxtxt li strong{ color:#c00}
#wrap .right ul.moxtxt li a{ color:#333;}
#wrap .right ul.moxtxt li a:hover{ color:#c00;}
.xuxian{ border-bottom:1px dashed #A2A2A2; padding:2px 0}

#wrap .right ul.zp{ width:192px; float:left; padding-top:10px;}
#wrap .right ul.zp li{ border-bottom:1px solid #ddd; width:192px}
#wrap .right ul.zp li strong{ color:#9d0226}

/* recommended links */
.recommendedLinks {
  -moz-background-clip:border;
  -moz-background-inline-policy:continuous;
  -moz-background-origin:padding;
  line-height:34px;
  margin:10px auto;
  overflow:hidden;
  width:892px;
}
hr.dotted {
  border-color:-moz-use-text-color -moz-use-text-color #CCCCCC;
  border-style:none none dashed;
  border-width:0 0 1px;
  height:1px;
}
#menus{ width:892px; border:1px solid #DFDFDF; background:url(../images/menus.gif) repeat-x left top; height:34px; text-align:center; line-height:34px; margin:0 auto; margin-bottom:10px; color:#666; overflow:hidden; margin-top:10px}
#menus a{ color:#666}
#menus a:hover{color:#930}
#footer{ width:100%; background:url(../images/footer.jpg) repeat-x left top; text-align:center; padding:5px 0; color:#999; overflow:hidden}



.pagination { padding:7px; margin:3px; text-align:center; float:right; }
.pagination a { padding:2px 5px; border:1px solid #000; text-decoration:none; color:#000; margin:2px}
.pagination a:hover { border:1px solid #000; color:#fff; background:#000}
.pagination a:active {border:1px solid #000; color:#fff; background:#000}
.pagination span.current { padding:2px 5px; margin:2px; background:#000; color:#fff; border:1px solid #000;}
.pagination SPAN.disabled { border:#eee 1px solid; padding:2px 5px; margin:2px}
#wrap .row{margin-bottom:-3000px;padding-bottom:3000px;}

ul.ccun{ width:100%}
ul.ccun li{ float:left; margin:0 2px; width:15px}

.font { color:#999}
.fonts{ color:#fff}


.image_submit {width:108px; height:28px; border:none; background-image:url(../images/btn_cart.gif);}
.checkout {background-image:url(../images/botn.gif); width:220px; height:25px;}

/* helps */
h5 { font-size:14px; float:left; border-bottom:3px solid #CECECE; color:#3C3C3C; margin-top:10px; margin-bottom:5px; padding:6px; width:600px;}

/* layout */
.contactInfo {color:#CC0000; font-size:14px; font-weight:bold; padding-bottom:0;}


/* scroll ad */
div#MainPromotionBanner{width:894px;height:/*128*/391px;*/background:#fff;}
#MainPromotionBanner #SlidePlayer {position:relative;margin: /*0*/auto auto;}
#MainPromotionBanner .Slides{padding: 0;margin: 0;list-style: none;height: /*128*/391px;overflow: hidden;}
#MainPromotionBanner .Slides li {float: left;width: 894px;height: /*128*/391px;}
#MainPromotionBanner .Slides img{border:0;display: block;width: 894px;height: /*128*/391px;}
#MainPromotionBanner .SlideTriggers{margin: 0;padding: 0;list-style: none; position: absolute; top:10px; right: 0px;z-index: 10;height: 25px;	}
#MainPromotionBanner .SlideTriggers li{float: left;display: inline;color: #000;text-align: center;line-height:26px;width: 26px;height: 26px;font-family: Arial;font-size: 14px;
	font-weight:bold;cursor: pointer;overflow: hidden; margin:3px 10px;background: url(../images/slide_trigger.gif) no-repeat center center;}
#MainPromotionBanner .SlideTriggers li.Current{ color:#fff; background: url(../images/slide_trigger_c.gif) no-repeat center center;border:0; font-weight:bold;font-size: 18px;
	line-height: 31px;height: 31px;width: 31px;margin:0 6px; }
