@charset "utf-8";
/* CSS Document */

body{ font-family:"微软雅黑";
      color:#333;
	  margin:0;
	  font-size:12px;
	  
}


#head{ width:100%; height:auto;}
.head_ti{ width:100%; height:30px; background:#fafafa; border-bottom:1px #f0f0f0 solid;}
.head_ti_con{ width:1200px; margin:0 auto; height:30px; line-height:31px; color:#666666;}
.head_ti_con a{ color:#666666; padding:0 10px;}
.head_ti_con a:hover{ color:#f40;}


.header{ width:1200px; margin:0 auto; height:100px; }
.logo{ width:500px; float:left; padding-right:70px;}
.search{ height:100px; width:573px; float:left;}
.keyword{ width:500px; height:20px; line-height:20px; color:#666; }
.keyword ul{vertical-align: top; display: inline-block;}
.keyword ul li{ margin-right:12px; color:#666;   display: inline-block;}
.keyword ul li a{ color:#666;}

.hot{ width:1200px; margin:0 auto; margin-top:20px; height: 288px;}
.hot_l{ width:990px; float:left;}
.hot_r{ width:210px; float:left;}
/* 幻灯片 */
.focus{width:210px;height:288px;overflow:hidden;position:relative;}
.focus ul{height:288px;position:absolute;}
.focus ul li{float:left;width:210px;height:288px;overflow:hidden;position:relative;background:#000;}
.focus ul li div{position:absolute;overflow:hidden;}
.focus .btn{position:absolute;width:210px;height:10px;right:0;bottom:3px;text-align:center;}
.focus .btn span{display:inline-block;_display:inline;_zoom:1;width:8px;height:8px;_font-size:0;margin-left:10px;cursor:pointer;background:#fff;border-radius:50%;}
.focus .btn span.on{background:#fa5000;}

.con{ width:1200px; height:540px; margin:0 auto;   overflow: hidden; padding-top:28px;}
.left-con{ width:212px; height:535px; float:left; background:#fa6244;}
.left-title{ width:100%; height:36px; background-color:#FFF;}
.left-title-img{ width:29px; height:34px; background:url(../images/mainTitle.jpg) no-repeat; float:left; margin-left:10px;}
.left-title-bi{ font-size:22px; line-height: 28px; display: inline-block; padding-left:5px;}
.left-ads{ width:100%; height:250px; margin-top: 1px;}
.left-class{ width:200px; height:220px; margin: 15px auto; overflow: hidden;}
.left-class ul{width: 202px;height: 220px; border-top:1px solid #fb927d; }
.left-class ul li{ color: #fff; }
.class-l{ line-height: 21px;text-align: center; display: block; width: 98px; height: 21px; padding: 7px 0; border-bottom: 1px solid #fb927d; border-right:1px solid #fb927d;  border-left:1px solid #fb927d; float:left; }
.class-r{ line-height: 21px;text-align: center; display: block; width: 99px; height: 21px; padding: 7px 0; border-bottom: 1px solid #fb927d; border-right:1px solid #fb927d; float:left; }
.left-class ul li a{ color: #fff;} 

.left-class2{ width:200px; height:220px; margin: 15px auto; overflow: hidden;}
.left-class2 ul{width: 202px;height: 220px; border-top:1px solid #6baff2; }
.left-class2 ul li{ color: #fff; }
.class-l2{ line-height: 21px;text-align: center; display: block; width: 98px; height: 21px; padding: 7px 0; border-bottom: 1px solid #6baff2; border-right:1px solid #6baff2;  border-left:1px solid #6baff2; float:left; }
.class-r2{ line-height: 21px;text-align: center; display: block; width: 99px; height: 21px; padding: 7px 0; border-bottom: 1px solid #6baff2; border-right:1px solid #6baff2; float:left; }
.left-class2 ul li a{ color: #fff;} 

.left-class3{ width:200px; height:220px; margin: 15px auto; overflow: hidden;}
.left-class3 ul{width: 202px;height: 220px; border-top:1px solid #f7b85a; }
.left-class3 ul li{ color: #fff; }
.class-l3{ line-height: 21px;text-align: center; display: block; width: 98px; height: 21px; padding: 7px 0; border-bottom: 1px solid #f7b85a; border-right:1px solid #f7b85a;  border-left:1px solid #f7b85a; float:left; }
.class-r3{ line-height: 21px;text-align: center; display: block; width: 99px; height: 21px; padding: 7px 0; border-bottom: 1px solid #f7b85a; border-right:1px solid #f7b85a; float:left; }
.left-class3 ul li a{ color: #fff;} 

.left-class4{ width:200px; height:220px; margin: 15px auto; overflow: hidden;}
.left-class4 ul{width: 202px;height: 220px; border-top:1px solid #f28168; }
.left-class4 ul li{ color: #fff; }
.class-l4{ line-height: 21px;text-align: center; display: block; width: 98px; height: 21px; padding: 7px 0; border-bottom: 1px solid #f28168; border-right:1px solid #f28168;  border-left:1px solid #f28168; float:left; }
.class-r4{ line-height: 21px;text-align: center; display: block; width: 99px; height: 21px; padding: 7px 0; border-bottom: 1px solid #f28168; border-right:1px solid #f28168; float:left; }
.left-class4 ul li a{ color: #fff;} 

.left-class5{ width:200px; height:220px; margin: 15px auto; overflow: hidden;}
.left-class5 ul{width: 202px;height: 220px; border-top:1px solid #a8df4f; }
.left-class5 ul li{ color: #fff; }
.class-l5{ line-height: 21px;text-align: center; display: block; width: 98px; height: 21px; padding: 7px 0; border-bottom: 1px solid #a8df4f; border-right:1px solid #a8df4f;  border-left:1px solid #a8df4f; float:left; }
.class-r5{ line-height: 21px;text-align: center; display: block; width: 99px; height: 21px; padding: 7px 0; border-bottom: 1px solid #a8df4f; border-right:1px solid #a8df4f; float:left; }
.left-class5 ul li a{ color: #fff;} 

.ad-position{ width:1200px; height:90px; margin:0 auto; padding-top:30px;}
.bottom{ width:100%; background:#fafafa; border-bottom:#d6d6d6 1px solid; border-top:#d6d6d6 1px solid; margin-top:50px;   overflow: hidden;}
.bottom-t{ width:1200px; height:60px; border-bottom:#d6d6d6 1px solid; margin:0 auto;}
.bottom-t ul li{ width:100%; height:60px; float:left; margin-top:20px}
#bottom-f{ width:1200px; height:180px; margin:0 auto; padding-top:23px;}
#bottom-f dl{float:left; width:190px; padding-left:50px;}
#bottom-f dt{text-align: left; color:#333; font-size:16px; height:30px; line-height:30px;   padding-bottom: 10px;}
#bottom-f dd{text-align: left; color:#666; font-size:12px; line-height:24px; }

.foot{ width:1200px; margin:0 auto; height:auto; padding:50px 0;}
.foot-menu{ width:1200px; text-align:center; color:#666;}
.foot-menu ul{ width:487px; margin:0 auto; text-align:center;height:18px;}
.foot-menu ul li{ padding:0 10px; line-height:18px; height:18px; float:left; border-right:1px #989898 solid; }
.foot-link{ width:1200px; text-align:center; color:#666; padding-top:15px;}
.foot-link ul{ width:600px; margin:0 auto; text-align:center; height:18px;}
.foot-link ul li{ padding:0 5px; line-height:18px; height:18px; float:left; border-right:1px #989898 solid; }
.footny{ text-align:center; color:#666;padding-top:15px; line-height:21px;}

.locations{ width:1200px; margin:0 auto; height:40px;}
.locations-po{ text-align:left; height:20px; padding:10px 0;}
.locations-icon{ float:left; padding-right:10px;}
.locations-po span{font-size: 12px;line-height: 20px; letter-spacing: normal;word-spacing: normal;display: inline-block;height: 20px;zoom: 1;}
.locations-po span.arrow{ font-family: "宋体"; line-height: 20px;color: #aaa; margin: 0 6px;}

.proclass{ width:1200px; margin:0 auto; height:auto;}
.proclass-all{ width:1198px; border-bottom:1px #e4e3e5 solid; border-left:1px #e4e3e5 solid; border-right:1px #e4e3e5 solid; background:#fafafa; overflow: hidden;}
.proclass-left{ width:120px; padding-top: 10px;text-indent: 42px; float:left; border-top:1px #e4e3e5 solid; }
.proclass-right{   position: relative; float: left; background-color: #FFF; width:1077px;padding: 10px 0 0; border-left:1px #e4e3e5 solid; border-top:1px #e4e3e5 solid; overflow: hidden; }
.proclass-right ul{ width:80%; padding:0 20px;}
.proclass-right ul li{  margin: 0 25px 10px 0;   float: left; height: 22px; line-height: 22px;}
.proclass-right ul li a{   position: relative; color: #806F66; display: inline-block; padding: 1px 20px 1px 4px; line-height: 20px; height: 20px;white-space: nowrap;}

.page{font-size:12px;float:left; line-height: 38px; text-align:center; color:#222c50; padding-left:10px;}
.page *{ display:inline-block; _zoom:1;_display:inline;vertical-align:middle;line-height:36px;height:36px; }
.page a:hover {color:#222c50; }
.page img{ height: auto; margin:0 3px;}
.page .bg{ font-weight: normal; background:#cb2c2c; color:#fff;border: 1px solid #cb2c2c; margin:0 5px;}
.page a.bg:hover{ color:#fff;}
.reach{text-align:left; padding:0 10px; height:36px; line-height:36px;}
.btn{ width:36px;}
.btn a{ background: #fafafa; color: #333; line-height: 36px; width: 54px; height: 36px; text-align: center; border:1px solid #D7D7D7}
.btn a:hover{color: #fff; background:#c40000;}
.input_page{ width:48px;height:36px; text-align:center; border:1px solid #d7d7d7; font-size:12px; line-height:36px;}
.arrow_l{
border:10px solid #000; margin-top: 10px;; display: inline; border-color:#f00 transparent transparent transparent; border-style:solid dashed dashed dashed;}
.guesslike{ width:1198px; height:36px; border:1px #f0f0f0 solid; color:#333; font-size:14px; line-height:34px; text-indent:14px;}
.guesslike-list ul{  display: block; width: 1220px; margin-left: -20px;}
.guesslike-list ul li{  font-size: 12px; vertical-align: middle;letter-spacing: normal; word-spacing: normal; display: inline-block; width: 227px; height: 317px; margin: 12px 0 0 13px;}
.guesslike-content{   line-height: 18px; background-color: #fff; width: 222px; height: 312px; margin: 3px;border: solid 1px #f0f0f0;border-radius: 2px; position: relative; z-index: 11; overflow: hidden; box-shadow: 0 0 3px rgba(153,153,153,.1); transition: border-color .4s ease-in-out 0s;}
.guesslike-pic{background: #fff; width: 212px;height: 212px; padding: 5px 5px 0 5px; margin: 0;z-index: 1; top: 0;left: 0;}
.guesslike-price{font: 12px/20px Arial;color: #e04040;background-color: #fff;white-space: nowrap; display: block;height: 20px; padding: 10px 10px;overflow: hidden; margin-top: 10px;}
.guesslike-price em.sale-price {font-size: 20px; font-weight: 600;text-overflow: ellipsis; white-space: nowrap; max-width: 70px; float: left; overflow: hidden;}
.guesslike-name{ font-size: 12px;line-height: 18px;color: #333333; background-color: #fff; height: 36px; display: block;padding: 0 10px;
overflow: hidden;}

.maincon{ width:1200px; height:auto; overflow:hidden; margin:0 auto;}
.maincon-top{ width:1200px; height:540px; margin-bottom: 10px;}
.maincon-top-l{ width:402px; float:left; }
.maincon-top-l-tm{ color:#999; padding:10px 5px;}
.maincon-top-l-tm li{ height:20px; line-height:20px; padding:0 10px; float:left;}
.maincon-top-l-tm li a{ color:#999;}
/* clearfix */
.clearfix:after{ visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
*html .clearfix{ zoom:1;}

.preview{width:402px; height:500px;}
/* smallImg */
.smallImg{position:relative; height:60px;  width:400px; overflow:hidden;float:left; padding:20px 0;}
.scrollbutton{width:14px; height:50px; overflow:hidden; position:relative; float:left; cursor:pointer; }
.scrollbutton.smallImgUp , .scrollbutton.smallImgUp.disabled{background:url(images/d_08.png) no-repeat;}
.scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{background:url(images/d_09.png) no-repeat; margin-left:375px; margin-top:-50px;}

#imageMenu {height:60px; width:400px; overflow:hidden; margin-left:0; float:left;}
#imageMenu li {height:60px; width:60px; padding:0 10px; overflow:hidden; float:left; text-align:center;}
#imageMenu li img{width:60px; height:60px;cursor:pointer;}
#imageMenu li#onlickImg img, #imageMenu li:hover img{ width:56px; height:56px; border:2px solid #c40000;}
/* bigImg */
.bigImg{position:relative; float:left; width:400px; height:400px; border: 1px #f7f7f7 solid; overflow:hidden;}
.bigImg #midimg{width:400px; height:400px;}
.bigImg #winSelector{width:235px; height:210px;}
#winSelector{position:absolute; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;}
/* bigView */
#bigView{position:absolute;border: 1px solid #ccc; overflow: hidden; z-index:999;}
#bigView img{position:absolute;}

.maincon-top-r{ width:778px; padding-left:20px; float:left;}
.maincon-top-r-title{ width:700px; height:48px; line-height:24px; font-size:16px; font-weight:bold;}
.maincon-top-r-price{ width:758px; height:60px; background:#eeeeee; margin-top:10px; padding:10px;}
.maincon-top-r-prices{ width:580px; float:left;}
.maincon-top-r-prices dl{ height:30px; line-height:30px; }
.maincon-top-r-prices dl dt{ width:70px; float:left;}
.maincon-top-r-prices dl dd{ text-align: left; width: 510px; float:left;}
.maincon-top-r-price-zucheng{ float:right; margin-right:50px; margin-top:20px; }
#box{display: none;width: 300px;height: auto;border: 1px solid #dbdada;padding: 15px;text-align: left;line-height: 21px;text-indent: 2em;position: absolute;margin-left:-250px;color:#999; background:#fff;}

.maincon-top-r-btn{ width:372px; padding-top:60px; padding-left:60px;}
.maincon-top-r-btn-buy{ width:178px; height:38px; float:left; font-size: 16px; border:1px #c40000 solid; background:#ffeded; color:#c40000; text-align:center; line-height:38px; }
.maincon-top-r-btn-buy a{ color:#c40000;}
.maincon-top-r-btn-join{  width:180px; height:40px; float:left; font-size: 16px; background:#c40000; color:#fff; text-align:center; line-height:40px; margin-left:10px;}
.maincon-top-r-btn-join a{ color:#fff;}

.maincon-m{ width:1200px; height:auto; overflow:hidden;}
.maincon-ml{ width:188px; height:auto; float:left;}
.maincon-m-l{ float:left; padding-bottom:20px;}
.maincon-m-l-titlt{ width:186px; height:46px; border:1px solid #e5e5e5; background:#fafafa; font-size:14px; font-weight:bold; color:#333; line-height:46px; text-indent:16px;}
.maincon-m-l-con{ width:186px; height:auto; border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5;}
.maincon-m-l-con ul{ padding:20px 0 20px 16px;}
.maincon-m-l-con ul li{ width:150px; height:26px; line-height:26px; background:url(../images/shop/2014shop_background_img.png) no-repeat; background-position:-80px 12px; text-indent:12px;}
.maincon-m-l-con ul li a{ color:#333; }
.maincon-m-l-con ul li a:hover{ color:#c40000;}
.maincon-m-l-pro{width:186px; height:auto; border-bottom:1px solid #e5e5e5; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5;}
.maincon-m-l-pro ul{ padding:20px 13px 20px 13px;}
.maincon-m-l-pro ul li{ width:160px; height:228px;  border-bottom:1px solid #ebe9e9; margin-bottom:10px;}
.maincon-m-l-pro-img{ width:160px; height:160px; padding-bottom:5px;}
.maincon-m-l-pro-tit{ width:160px; height:32px; line-height:16px; }
.maincon-m-l-pro-tit a{ color:#333;}
.maincon-m-l-pro-tit a:hover{ color:#c40000;}
.maincon-m-l-pro-pri{ width:160px; text-align:center; color:#e04040; font-weight:bold; padding-top:5px;}

.maincon-mr{ width:1002px; float:left; padding-left:10px;}

.rollBox{width:1000px;overflow:hidden;padding:12px 0 5px 0px;margin:0 auto;}
.rollBox .LeftBotton{height:52px;width:30px;background:url(../images/b-left.png) no-repeat;overflow:hidden;float:left;display:inline;margin:94px 0 0 16px;cursor:pointer;}
.rollBox .RightBotton{height:52px;width:30px;background:url(../images/b-right.png) no-repeat;overflow:hidden;float:left;display:inline;margin:94px 0 0 16px;cursor:pointer;}
.rollBox .Cont{width:900px;overflow:hidden;float:left;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont .pic{width:170px; height:235px;float:left;border:1px solid #f7f7f7;   margin-right: 10px;}
.rollBox .Cont .pic img{ background:#fff;display:block;margin:5px;}
.rollBox .Cont .pic p{line-height:18px;color:#505050; margin:0 5px; width:160px; white-space:nowrap; text-overflow: ellipsis; overflow:hidden}
.rollBox .Cont .pic pr{line-height:22px;color:#e04040; font-size:14px; font-weight:bold; margin:0 5px;;}
.rollBox .Cont a:link,.rollBox .Cont a:visited{color:#626466;text-decoration:none;}
.rollBox .Cont a:hover{color:#f00;text-decoration:underline;}
.rollBox #List1,.rollBox #List2{float:left;}


.subBody{width:1200px;margin:0 auto;}
.subBody .subTitle{margin-bottom:25px;padding-bottom:10px;text-align:right;}
.subBody .subTitle .catname{font-size:15px;font-weight:bold;float:left;font-family:"微软雅黑";color:#333;}
.subBody .subTitle .shopcart{background:url(../images/shopcart_ico.gif) no-repeat 0 center; padding-left:20px;}

/*购物车*/
.shoppingcart td{ border:1px #dddddd solid; border-collapse:collapse; padding-left:5px}
.shoppingcart .thead{background:#e6f4fd;color:#333;font-weight:bold; font-size:14px}
.shoppingcart .title{margin:0 10px;}
.shoppingcart .attr{color:#999;margin-left:4px;}
.total{font-size:14px;}
.orderprice{font-size:22px;font-family:Verdana;color:#c00; margin:0 5px}
.next{display:inline-block;padding:5px 15px;background:#4F4F4D;color:#fff;text-align:center;font-size:14px;overflow:hidden;cursor:pointer;font-weight:bold; margin-top:15px}
.shoppingcartempty{margin-top:25px;}

.shoppingcart .number .Left{float: left;}
.shoppingcart .number{width:140px;margin-left:19px;margin-right:auto}
.shoppingcart .number a{width:21px;height:20px;background:url(../images/shoppingcart.png) 0px 0px  no-repeat;}
.shoppingcart .number a.add{background-position:-21px -0px}
.shoppingcart .number .num{width:45px;height:18px;border:1px solid #8a8a8a;padding:0;margin:0;line-height:18px;text-align:center;font-size:14px;color:#555}
.shoppingcart .number .unit{display:block;width:40px;height:20px;line-height:20px}.cart_extra{width:938px;border:1px solid #ddd;border-bottom-width:2px;padding:20px;border-top:0}



.class_input{width:290px;border:1px solid #e0e0e0;padding:6px 9px;background:#fff;font-size:13px;color:#888;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;}
.class_input_on{width:290px;border:1px solid #8cd1ff;background:#f1f9ff;padding:6px 9px;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;font-size:13px;color:#888;}

.class_areatext{width:290px;height:90px;border:1px solid #e0e0e0;padding:8px 9px;background:#fff;font-size:13px;color:#888;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;}
.class_areatext_on{width:290px;height:90px;border:1px solid #8cd1ff;background:#f1f9ff;padding:8px 9px;-webkit-box-shadow:0px 2px 0px 0px rgba(0, 0, 0, 0.03);box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);border-radius:2px;font-size:13px;color:#888;}


/*新闻列表*/
.news{ width:930px; margin:0 auto;}
.news li{BORDER-BOTTOM: #AD814A 1px dashed; list-style:disc; list-style-position:inside; height:35px; line-height:35px}
.news li span{float:right}

/*新闻内容页*/
.news_content_title{text-align: center; font-size: 14px; font-weight: bold; margin-top: 10px; height:30px; border-bottom:1px #CCCCCC dashed}
.news_content_time{width:95%; background:#999; color:#fff; height:30px; margin:5px auto; text-align:center; line-height:30px;}
.news_content{width:95%; margin:0 auto; line-height:25px;}


/*分页样式*/
.page_list{font:12px/20px "microsoft yahei"; text-align:center;letter-spacing:0;margin:20px auto;}
.page_list a{display:inline-block; min-width:20px; color:#999;border:1px solid #d7d7d7;background:#f8f8f8;text-align:center;padding:8px;margin:0 0 0 5px;}
.page_list a:hover{color:#fff;border:1px solid #ca3300;background:#c40000;}
.page_list a.on{color:#c40000; font-weight:bolder; background:#FFF}

/*评论样式*/
.bnt_number4{
	display:inline-block;
	width: 81px;
	background:#FB6C1C;
	border: none;
	text-align: center;
	font-weight: 100;
	font-size: 12px;
	color: #FFFFFF;
	height: 32px;
	line-height:32px;
	vertical-align: middle;
	cursor: pointer;
}

.bnt_number4 a{ color:#FFF; display:block}

.bgon{background:#E6F4FD;}
.address_border{margin:5px auto}
.address_border td{padding:5px; height:30px; line-height:30px}
.address_border a{ color:#FFF}
.infor{color:red;margin:0 0 8px 35px;border:1px solid #ccc;width:262px;padding:2px 9px;border-radius:3px;}