﻿body{ margin:0 auto; padding:0; background:#fff; }
html { font-family: Verdana; font-size: 12px; color: #000;}
body,div,td,th,input{font-family:Verdana; font-size: 12px; color: #333;}
input1{ border:1px solid #CCC; line-height:30px;}
a {color:#333; text-decoration:none; }
a:hover{ color:red; text-decoration:none}
.clr, .clear{ clear:both;}
p,h2,h1 { margin:0; padding:0;}
img {border:0; vertical-align:middle;}
ul,li,ol{ list-style-type:none; padding:0; margin:0}
.clrtop5{clear:both;margin-top:5px;}
.clrtop10{clear:both;margin-top:10px;}
#mainWrapper { margin:0 auto; padding:0;}
.lef{float:left;}
.rig{float:right;}

/* TOP */
#headWrapper { height:138px; background:url(images/top_N.gif) repeat-x top;}
#header{width:980px; margin:0 auto;}
#header .logo{width:246px;text-align:left;padding:0;float:left;}
#header .sub_right{ float:right; text-align:right; width:380px; padding-top:10px;}
#header .sub_right a{ font:100 14px/18px Arial, Helvetica, sans-serif; color:#000; padding:10px 8px 0;}
#header .sub_right .topcontect{}

.top_menu{width:940px; height:40px; margin:0px; padding:0;}

.searchbox{font:bold 12px/22px Arial;margin-top:8px;padding:0;width:225px;height:22px; text-align:right; border:1px solid #FFF; background:#FFF;}
.searchbox input{height:22px; margin:0; padding:0;}
.searchbox .searchtext {border:0; height:22px;line-height:22px; padding:0;margin:0; width:180px; color:#999}

 /* BODY */
#contentWrapper {background:#fff ;width:980px;margin:0 auto; overflow:hidden; }
#Main{ width:978px; min-height:430px;  padding:5px 0px; margin:5px auto; overflow:hidden; clear:both; border:1px solid #EAEAEA;}
#flash{width:980px; height:355px;}
.division {width:980px;height:30px; text-align:left; text-indent:10px; display:block; background:url(images/home_ioc.png) right center no-repeat #A7A7A7; color:#FFF; font:bold 14px/30px Arial, Helvetica, sans-serif;}

/*product*/
#Content_product{ width:978px; margin:0 auto; padding:0;}

/*view*/
#view_box{width:978px; margin:0 auto; padding:0;}
#view_box .view_left{width:210px; border:1px solid #CCC; float:left; padding:10px; margin:5px;}
#view_box .view_left b{ font:bold 16px/24px Arial, Helvetica, sans-serif; color:#000; text-transform:uppercase;}
#view_box .view_right{width:700px; float:right; padding:8px; margin:0;}
.abc{width:300px;}
.views_pic_right{width:300px; float:right;  padding:5px 10px 10px 5px;  color:#666}
.views_pic_right h2 {color:#000; font:bold 18px/30px Arial, Helvetica, sans-serif; text-transform:capitalize; text-align:left;}
.views_pic_right h3 {color:#F00;font:bold 15px/24px Arial, Helvetica, sans-serif;padding:0;}
.views_pic_right .p_dis { width:300px; padding:10px; margin:0 auto; text-align:left;}
.views_pic_right b{font:bold 13px/24px Arial, Helvetica, sans-serif; color:#000;}
.views_pic_right span{ color:#000; font:bold 15px/24px Arial, Helvetica, sans-serif}
.views_pic_right a{ text-decoration:underline; color:#ae0505}
.price_css{ background:url(images/price.gif) no-repeat top right; width:120px; height:35px; text-align:center; color:red; font-size:18px; line-height:32px;}
.descripion{ border-bottom:1px solid #CCC; font:bold 14px/24px Arial, Helvetica, sans-serif; color:#999;}
.descripion b{color:#333;}
/* RIGHT */
#Content{ width:710px;min-height:430px; float:right; color:#333; margin:0;}
#Content .con_mids{ width:545px;  color:#333; line-height:22px; margin-bottom:10px;}
#Content .con_mid{ width:543px; color:#333; line-height:22px; border:1px solid #ddd; margin-bottom:10px;}
#Content .con_mid_cart{ width:705px;  color:#333; line-height:22px;margin-bottom:10px; border:1px solid #fff;}
#Content .con_mid_cart .con_mid_cart_l{ width:758px; float:left; overflow:hidden;margin:0 0 50px 0;}
#Content .con_mid_box{ width:705px;  color:#333; line-height:22px;margin-bottom:10px;}
#Content .con_bot{ width:705px; height:0; overflow:hidden; padding:0;margin-bottom:10px;}
.box_01{ width:708px; margin:0 auto 10px auto; padding:10px 0;border:1px solid #ddd; }

/* LEFT */
#leftsideBar{ width:260px; padding:0;float:left; overflow:hidden;}
.sideBar_left {width:260px; padding:0; overflow:hidden; margin-bottom:10px; }
.sideBar_left a:hover{ color:red; text-decoration:underline}
.sideBar_left h2 {width:260px;display:block;margin:0; color:#000;text-align:center; font:bold 14px/36px Arial, Helvetica, sans-serif; height:36px; background:url(images/N-left.jpg) no-repeat center;}
.sideBar_left h2 a{ color:#FFF; font:100 12px/30px Arial, Helvetica, sans-serif;}
.sideBar_left .left_mid{width:250px; margin:0 5px; color:#333;overflow:hidden;  font:100 11px/18px Verdana;}
.sideBar_left .left_mid span a{display:block;font:100 10px/16px Verdana; text-align:left; width:205px; margin:0; list-style-type:none; color:#999;}
.sideBar_left .left_mid span a:hover{ text-decoration:underline; }
.sideBar_left ul.column  {margin:0 40px; padding:0; display:block; width:205px;}
.sideBar_left .column li {list-style-type:none;line-height:18px;}
.sideBar_left .column li a{display:block;margin-top:5px;font:600 14px/26px arial; color:#5a4a3b;overflow:hidden;white-space:nowrap;text-transform:capitalize;}
.sideBar_left .column li a:Hover {color:#f00;}
.sideBar_left .column .sub {border:0;}
.sideBar_left .column .sub a {display:block; margin:0; font:normal 12px/26px arial;}
.sideBar_left .column .sub ul {margin:0;padding:0;list-style-type:none;}
.sideBar_left .column .sub ul li a {border:0; line-height:18px;padding-left:18px;}
/* FOOTER */
/* Footer ================================================================================ */
.in_con1{padding:10px 0; background:#EAEAEA; overflow:hidden; clear:both;}
.in_con2{padding:10px 0; background:#CCC; }
.footer_link { width:980px; margin:0 auto; }
.footer_link .con_box { margin:0; padding:0; float:left; display:inline;}
.footer_link .con_box b { margin:0; padding:0;line-height:30px; font:bold italic 16px/30px Arial, Helvetica, sans-serif; color:#000; text-transform:capitalize;}
.footer_link .con_box .con_line{ margin:0; padding:0; }
.mailname{ width:145px; text-align:left; text-indent:2px; color:#666; padding:5px 0; font:100 12px/20px Arial, Helvetica, sans-serif;}
.mailcompany{ width:145px; text-align:left; text-indent:2px; color:#666; padding:5px 0; font:100 12px/20px Arial, Helvetica, sans-serif;}
.mailaddress{width:298px; text-align:left; text-indent:2px; color:#666; padding:5px 0; font:100 12px/20px Arial, Helvetica, sans-serif;}
.footer_link .con_line .newsbox { padding:0;width:430px;overflow:hidden;}
.footer_link .con_line .newsbox .newslist{width:430px; height:70px; overflow:hidden; color:#999;font:100 11px/16px Arial, Helvetica, sans-serif;}
.footer_link .con_line .newsbox .newslist a{display:block;width:430px; text-transform:capitalize; padding:0;color:#333;font:bold 12px/25px Arial, Helvetica, sans-serif;}


/* 首页滚动开始 */
#gundong {
	width: 528px;
	height: 265px;
	margin:0 auto;padding:0;
}
.new_arrivals_scroll{
	 width:528px;
	 height:265px;
	 float:left;
	 overflow:hidden;
	  padding: 0;
	  margin:0px;

 }
.new_arrivals_scroll img { margin:0;padding:0;}
.new_arrivals_left, .new_arrivals_right {
    height: 48px;
    width: 29px; 
	text-align:center;
	margin:70px 0 0 0;padding:0;
	 cursor:pointer;
}
.new_arrivals_left { float:left;}
.new_arrivals_right {float:right;}
/* 首页滚动结束 */
.footer{background:url(images/bot.gif) no-repeat; height:100px; padding-top:320px; width:980px; clear:both; overflow:hidden; margin:0 auto;}
.copyright{width:980px;margin:0 auto;text-align:center;margin-top:5px;color:#000;font:100 12px/22px arial;}
.footer_bottom{width:980px;margin:0 auto;padding-top:5px;text-align:center;}
/* ======================================================================================= */
/* Views   Price List */
.img{ float:left; width:360px;  }
#right .jqzoom{border:0 none;}
.viewstable { background:#ccc;width:360px;}
.viewstable td{ background:#fff; width:50%; line-height:22px;}
.viewstabletitle{ background:#f8fbff; font-weight:bold; padding:1px; border:1px solid #ccc; border-bottom:0; line-height:20px; color:#000; width:356px;}
.views_pic_left{ width:310px; float:left; padding:0; margin:0; text-align:left; }
/* PAGE */
#showpage { height:30px; font:100 12px/30px Arial, Helvetica, sans-serif; text-align:right; font-size:12px; clear:both;  padding:2px 2px 5px 2px;  color:#000; font-weight:100; margin:10px 0;}
#showpage a{ background:url(images/showpagebg.jpg) repeat-x top left; border:1px solid #891053; color:#891053;  padding:1px 5px; font:100 11px/26px Arial, Helvetica, sans-serif;text-decoration:none;}
#showpage a:hover{ background:#891053; color:#fff}
/* TITLE */
#bar{padding:0; text-align:left;font:bold 12px/25px Arial, Helvetica, sans-serif; margin:0; text-transform:capitalize; color:#891053;  height:30px; border-bottom:1px solid #ccc; margin-bottom:10px;}
#bar span { display:none;}
#bar b{color:#b20808; font:bold 12px/25px Arial, Helvetica, sans-serif; }
#bar b a, #bar a { color:#000;font:bold 12px/25px Arial, Helvetica, sans-serif; }
#bar p{ color:#b20808;}
#bar a:hover{ text-decoration:underline}
#bar_views{ font:bold italic 13px/28px Arial, Helvetica, sans-serif; margin:0;padding:0; border-left:1px solid #ddd; border-right:1px solid #ddd; color:#000; background:url(images/title_bgs.gif) repeat-x top left;  height:30px;text-align:left;  text-indent:10px; }
/* Cart */
.topcart { margin:0 10px; font:700 11px/20px Tahoma, Geneva, sans-serif; width:228px; color:#333; height:20px; text-align:left; display:block; }
/* 2Products*/
#prohref a{ display:block; font-size:11px; width:223px; overflow:hidden; height:20px; color:#333; text-align:center; line-height:20px; float:left; margin:0 4px 4px 4px; background:#fff; text-transform:capitalize; border:1px solid #ddd; display:block}
#prohref a:hover{ background:#f0f8fd; border:1px solid #bae4ff}
/* PIC */
.hw33{ max-width:250px;background:#fff;}
.hw00{ float:left; width:220px; height:255px; margin:0px 5px 10px 5px; padding:0;overflow:hidden;list-style-type:none;border:1px solid #ccc;
border-radius: 5px ;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;}
.hw00 .hw1{text-align:center; margin:0 auto; padding:0; width:223px; height:210px;}
.hw00 .hw1 a img{ border:0; padding:5px;max-width:213px; max-height:200px; width:expression(this.width > 213 && this.height < this.width*200/213 ? 213: true);  height: expression(this.height > 200 ? 200: true);margin-top: expression(this.height < 200  ? (200 -this.height)/2: 0);}
*html .hw00 .hw1 a img{width:213px;height:200px;}
.hw00 .hw2{ text-align:center; font:100 12px/16px Arial, Helvetica, sans-serif; margin:0 auto; width:215px; height:45px; color:#000;}
.hw00 .hw2 br{ line-height:15px;}
.hw00 .hw2 a{ width:215px;color:#f60; padding:0;margin:0 auto; text-transform:capitalize; text-decoration:none; font:100 14px/20px Arial, Helvetica, sans-serif; }
.hw00 .hw2 a:hover{ color:#000;}
.hw00 .hw2 span{ color:#f00; display:block; font:100 11px/18px Verdana;}

#s_box{ float:left; width:223px; height:300px; margin:0px 5px 10px 5px; padding:0;overflow:hidden;list-style-type:none;border:1px solid #ccc; position:relative;
border-radius: 5px ;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;}
#s_box .boxbg {width:223px; height:300px;background:url(images/v_bg.png) no-repeat bottom; position:absolute; z-index:99;}
#s_box .s1{text-align:center; margin:0 auto; padding:0; width:223px; height:210px; position:absolute; z-index:9;}
#s_box .s1 a img{ border:0;width:223px;height:210px;}
*html #s_box .s1 a img{width:223px;height:210px;}
#s_box .s2{ text-align:left; font:100 12px/16px Arial, Helvetica, sans-serif; margin:0 auto; padding:0 5px; width:213px; height:90px; color:#FFF; position:absolute; top:210px; z-index:99; overflow:hidden;}
#s_box .s2 .s_n {float:left;width:165px;}
#s_box .s2 .s_n a{ width:165px; height:35px; text-align:left;color:#FFF; padding:0;text-transform:capitalize; text-decoration:none; font:bold 14px/35px Arial, Helvetica, sans-serif; }
#s_box .s2 .s_n a:hover{ color:#FFF;}
#s_box .s2 .s_c{float:right;}
#s_box .s2 .s_c a{background:url(images/vv_click.png) no-repeat; display:block; line-height:35px; width:38px;}
#s_box .s2 .s_c a:hover{ background:url(images/vv_hover.png) no-repeat;}
#s_box .s2 .s_con{color:#EAEAEA; display:block; font:100 10px/14px Verdana; margin-top:5px;}

.insort55{ height:65px; width:175px;}
.insort55 td b{ background:#c00; color:#fff;  padding:0px 1px 1px 1px; display:block; font-family:verdana; font-weight:100;font-size:10px;}
.insort55 td{ font:100 11px/18px Arial, Helvetica, sans-serif; text-align:left}
.insort55 td a{  color:#000; }
.insort55 td a:hover{  color:#000; text-decoration:underline }
.insort55 img{width:45px; border:0; margin-right:2px; padding:1px; border:1px solid #eee;}
.insort55 span { color:#c00;}
.insort55 b{ color:#aaa;} 
.insort55 s { color:#999;}
/* News */
.news_box_{ width:705px; height:120px; overflow:hidden; padding:6px 0; border-bottom:1px dashed #ccc; margin:0 auto;}
.newstile_{ height:20px; font:bold 14px/20px Arial, Helvetica, sans-serif; padding:0;}
.newstile_ a{ color:red}
.newpic_{ width:135px; border:1px solid#666;height:130px;}
.newscont_{ width:555px; text-align:left; font:100 11px/16px Arial, Helvetica, sans-serif; padding:5px; color:#555}
/* Track */
.track_box{padding:0 5px 5px 5px;margin:0 auto;height:190px; width:182px; overflow:hidden; list-style-type:none; border-top:0}
.roll_order{ width:182px; font:100 11px/16px Arial, Helvetica, sans-serif; background:url(images/icon_car_gray.gif) no-repeat; padding-left:15px; margin-bottom:8px;color:#666}
.roll_order b{ font-weight:bold; color:#333}
.roll_order a{ color:#666;}
.roll_order a:hover{ color:#000; text-decoration:underline}
#tongji{clear:both;padding:10px 0 65px 0 ;margin:0 auto;text-align:center}
#bottombar{background: url(images/infobar_bg.png) repeat-x 0 0;bottom: 0;height: 50px;left: 0;padding-top: 1px;position: fixed;width: 100%;z-index: 10;text-align:right;}
#bottombar #infobar{margin:0 auto;width:992px;height:50px;}
#bottombar #infobar div{float:left;padding-top:10px;width:248px;}
#bottombar #infobar div a{padding-left:10px;color:#fff;text-decoration:underline; font-weight:bold;}
#bottombar #infobar #textleft{text-align:left;}
