﻿#mainer{ margin:auto; height:auto}
.class_title{  max-width:1136px;max-width:1040px\9;max-width:1160px\9\0; margin:auto; border-bottom:1px #ccc solid; padding-bottom:10px;}
.class_title div{width:120px; margin:auto; font-size:14px}
.class_title span{ display:block; text-align:center}
.class_title samp{ display:block;background:url(../../images/icon.png) no-repeat; width:120px; height:30px;}
.class_title .all_pro{width:290px}
.class_title .all_pro samp{background:url(../../images/dr/2014101511500772931.png) no-repeat; width:290px}
.class_title .all_pro.Screening{ width:389px;}
.class_title .all_pro.Screening samp{background:url(../../images/dr/20141015/2014101511495864670.png) no-repeat; width:389px}
.class_title .other_pro{ width:400px;}
.class_title .other_pro samp{ width:400px;background:url(/shop/theme/xth1/images/comm/other_pro.png) no-repeat;}



.allmenu{width:1145px;width:1060px\9;width:1145px\9\0;height:1px; margin:auto; position:relative}
.Class{ width:83px; position:absolute; right:-80px;top:30px;zoom: 1; text-align:right; }
.Class ul li ul li{ padding:5px 0px; }
.Class ul li ul li span{display:block; font-weight:normal; line-height:18px; padding-right:15px;}
.Class ul li ul li a{display:block}
.Class ul li ul li a:hover span{background:url(../../images/icon.png) no-repeat; background-position:61px -217px;}
.Class ul li ul li.onc a{ color:#C90}
.splitter{ margin-top:25px;}
.splitter li{}
.splitter li ul li ul{display:none}
.splitter li ul li.cur ul{ display:block}
.splitter li ul li b{ cursor:pointer; color:#7b9196; display:block; padding:5px 12px 10px 0px;background:url(/images/icon.png) no-repeat; background-position:-314px -124px; }
.splitter li ul li b{ background:none;}
.splitter li ul li.v_cur b{background:url(../../images/icon.png) no-repeat;background-position:-314px -126px;}
.other_box{display:none}


.listbox{ width:1132px;width:1040px\9;width:1160px\9\0; overflow:hidden; margin:auto; }
.image-grid{ margin:auto; margin-top:15px;margin-left:7px;_margin-left:5px; *margin-left:5px;overflow:hidden}
.image-grid li{float:left; overflow:hidden; width:225px;*width:206px;_width:206px; padding-bottom:20px; cursor:pointer}
.image-grid li .pro_box{position:relative;margin-right:10px; overflow:hidden;*height:197px;_height:197px;}
.image-grid li .pro_box img{ height:216px; width:216px;height:197px\9;height:216px\9\0;width:197px\9;width:216px\9\0;  }
.image-grid li .pro_box div.mask{ position:absolute; bottom:-55px; left:0; width:100%; height:55px; background:rgba(0,0,0,.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); /* For IE 8*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; z-index:90;}
.image-grid li .pro_box div.mask font{ display:block; padding: 10px 15px 5px 15px;*padding: 5px 15px 5px 15px;_padding: 5px 15px 5px 15px; text-align:left;color:#FFF;cursor:pointer}
.image-grid li div.Sweetness_box{float:left;  width:100%; position:relative;cursor:pointer}
.image-grid li div.Sweetness_box span{ float:left;padding:0 10px 0 15px;color:#FFF;cursor:pointer}
.image-grid li div.Sweetness_box .buy_icon{ position:absolute; right:10px; top:50%;margin-top: -30px; width:36px; height:36px; background:url(../../images/icon.png) #f2f6f7; background-position:-39px -6px;}
.image-grid li div.Sweetness_box .buy_icon a{display:block; height:36px;}
.image-grid li div.Sweetness_box ul{float:left}
.image-grid li div.Sweetness_box ul li{ height:16px; padding:0; }
.image-grid li div samp{ display:none}
.pro_title img {float: left;margin-top: 5px;}
.pro_title span{ display:block; text-align:center; height:18px; overflow:hidden;padding: 0 20px;}
.pro_title{position:relative;padding-right: 10px;height: 40px;}
.pro_title a{position: absolute; top:0;left: 0; width:100%;}
.pro_title i{position:absolute;background:url(../../images/icon.png); width:30px; height:30px; left:0px; top:5px;}
.pro_title i.m_hot{ background-position:-214px -8px}
.pro_title i.m_glod{ background-position:-260px -8px}

ul.Sweetness{ float:left}
ul.Sweetness li{ background:url(../../images/icon.png); width:16px; height:16px; background-position:-268px -65px; margin-right:0px;}
ul.Sweetness .suandu li{ background: rgba(0, 0, 0, 0) url("/shop/theme/xth1/images/comm/1616.png") repeat scroll 0 0; width:16px; height:16px; background-position:-268px -65px; margin-right:0px;}
span.font01{ font-weight:bold;  padding-top:5px;}
span.font02{  }










/*幻灯片css*/
.Slidebox { width: 100%; height: 618px;float:right;  position: relative; overflow:hidden;}
.Slidebox ul li div{position: relative;}
.Slidebox ul li div img{ position:absolute; left:50%; margin-left:-1100px;}

/*数字按钮样式*/
.Slidebox .num { overflow:hidden; height: 0px; position: absolute; bottom:12px; left: 15px; zoom:1; z-index:3 }
.Slidebox .num li { width: 25px; height: 25px; line-height: 25px; text-align: center; font-weight: 400; font-family: "微软雅黑", Arial; color: #FFFFFF; background: #444444; margin-right: 10px; border-radius:50%; cursor:pointer; float: left; }
.Slidebox .num li.on { background: #FF7700; } /*当前项*/

/*上一个  下一个*/
.Slidebox .prev,
.Slidebox .next { display:block; width: 54px; height: 105px; background: url(/shop/theme/xth1/images/index/banner_btn.png) no-repeat; position: absolute; top: 115px;top:50%; margin-top:-32px;}
.Slidebox .prev { left: 30px;  }
.Slidebox .next { right: 30px; background-position: right }



/**首页弹出购物车   start */

.m_t{border-bottom:1px #b39964 solid; padding-bottom:10px;}
.m_t span{font-size:10px}
ul.change_p {overflow:hidden; margin:10px 0 15px 0;}
ul.change_p li{width:20%; float:left; text-align:center; cursor:pointer; height:35px; line-height:40px; background:url(/shop/theme/xth1/images/comm/ok.png) no-repeat; background-position:10px 0;}
ul.change_p li.cur{background-position:10px -280px;}
ul.Explain_list{ margin:0 0 0 30px;}
ul.Explain_list li{padding-left:16px; font-size:12px; margin:12px 0;background: url(../../images/icon.png) no-repeat;background-position: -285px -102px;}
.cake_num{ margin:30px 0 0 30px; overflow:hidden;padding-bottom: 20px;}
.cake_num span{float:left; line-height:26px; display:block; padding-right:5px;}
.cake_num dl{ float:left;}
.cake_num dl dd{ float:left; width:35px; height:25px; background:url(../../images/icon.png) -7px -253px #fff; cursor:pointer}
.cake_num dl dd.nopoint{background:url(../../images/icon.png) -7px -282px #fff;}
.cake_num dl dd.n_right{ background-position:-67px -253px}
.cake_num dl dd.n_right.nopoint{background:url(../../images/icon.png) -67px -282px #fff; border:none}
.cake_num dl dt{float:left; width:35px; height:23px;}
.cake_num dl dt input{ width:35px; height:20px; background:none; color:#b39964; margin-top:2px; border:none; text-align:center}

ul.buy_btn_box{overflow:hidden;}
ul.buy_btn_box li{ width:50%; float:left}
ul.buy_btn_box li input{ width:98%; background:#b39964; border:none; margin:2px; height:30px; color:#FFF; cursor:pointer; -moz-border-radius: 2px;/* Gecko browsers */-webkit-border-radius: 2px;   /* Webkit browsers */
    border-radius:2px;/* W3C syntax */}
ul.buy_btn_box li input:hover{ background:#8B7860;}
ul.buy_btn_box li input.disable{ background:#c4c4c4; cursor:default;}
/**商品售罄   start */
.image-grid li .pro_box div.mask_shade { width:216px;height: 216px; display:block; position: absolute;top: 0px;left: 0; width: 100%;z-index: 90;background:rgba(0,0,0,.5);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); /* For IE 8*/ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";}
.image-grid li .pro_box div.mask_shade a{width:216px;height: 216px; display:block; text-align:center}
.image-grid li .pro_box div.mask_shade a img{ width:45px; height:60px; padding-top:78px}
/**商品售罄   end */

.tc-cover{width:100%;height:100%;position:absolute;z-index:200;top:0px;left:0px;opacity:0.3;-moz-opacity:0.3;filter:alpha(opacity=30);background-color:#000}
.close{width:30px; height:30px; display:block; position:absolute; top:0;right:0; background:url(../../images/icon.png); background-position:-221px -94px; text-indent:-9999px; z-index:10000;}

/**首页弹出购物车   end */

@media(max-width:1360px){
.class_title{  max-width:1110px;  margin:auto; border-bottom:1px #ccc solid; padding-bottom:10px;}
.allmenu{width:1130px;height:1px; margin:auto; position:relative}
.listbox{ width:1110px; overflow:hidden; margin:auto; }
.image-grid li{float:left; overflow:hidden; width:220px; padding-bottom:35px; cursor:pointer}
.image-grid li .pro_box img{ height:210px; width:210px; }
}


@media(max-width:1280px){
.class_title{  max-width:1040px; margin:auto; border-bottom:1px #ccc solid; padding-bottom:10px;}
.allmenu{width:1060px;height:1px; margin:auto; position:relative}
.listbox{ width:1040px; overflow:hidden; margin:auto; }
.image-grid li{float:left; overflow:hidden; width:206px; padding-bottom:35px; cursor:pointer}
.image-grid li .pro_box img{ height:197px; width:197px; }
}















/*3.9 banner*/
.BannerBoxLoveYou{height:1178px; background:#f2f6f7;margin-bottom:20px; position:relative;overflow: hidden;}
#BannerLoveYou{  margin:auto;  width:1200px; position:relative; height:1178px;  }


.Pen{
    position: absolute;
	left: 357px;
	top: 38px;
	background:url(../../images/2015030617034662402.png) no-repeat;
	width:140px;
	height:240px;
}
.LoveYou{
	position: absolute;
	left: 90px;
	top: 215px;
	background:url(../../images/2015030617034536931.png) no-repeat;
	width:279px;
	height:174px;
}
.Strawberry{
	position: absolute;
	left: 80px;
	top: 393px;
	background:url(../../images/2015030617034651231.png) no-repeat;
	width:347px;
	height:204px;
}
.Scrolldown{
	position: absolute;
	left: 240px;
	top: 548px;
	background:url(../../images/2015030617034637178.png) no-repeat;
	width:70px;
	height:49px;
	animation: Scrolldown .3s infinite;
	-moz-animation: Scrolldown .3s infinite;
	-webkit-animation: Scrolldown .3s infinite;
	-o-animation: Scrolldown .3s infinite;
}




.btnimg{cursor:pointer;border:0;margin:0;padding:0;}

#ScrollToTop{
	position:fixed;_position:absolute;z-index:999;right:15px;bottom:-10px;width:140px;margin:00px 20px 30px;display:block;font-size:15px;font-weight:800;text-align:center;}
#ScrollToTop.Offscreen{bottom:-300px;}
