@charset "utf-8";
ul.change_p {overflow:hidden; margin:10px 0 15px 0;}
ul.Explain_list{ margin:0 0 0 30px;}
ul.Explain_list li{padding-left:16px; font-size:12px; margin:12px 0;background: url(/shop/theme/xth1/images/comm/icon.png) no-repeat;background-position: -285px -102px;}
.cake_num{ margin:30px 0 0 30px; padding-bottom:20px; overflow:hidden}
.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(/shop/theme/xth1/images/comm/icon.png) -7px -253px #fff; cursor:pointer}
.cake_num dl dd.nopoint{background:url(/shop/theme/xth1/images/comm/icon.png) -7px -282px #fff;}
.cake_num dl dd.n_right{ background-position:-67px -253px}
.cake_num dl dd.n_right.nopoint{background:url(/shop/theme/xth1/images/comm/icon.png) -67px -282px #F2F6F7; border:none}
.cake_num dl dt{float:left; width:35px; height:23px;}
.cake_num dl dt input{ width:35px; height:20px; background:none; color:#b0916a; 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:#b0916a; 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;}
#page_mainer{ min-width:1165px; margin:30px auto 30px auto;height:auto; overflow:hidden}
.page_details_box{ max-width:1200px; margin:auto;height:auto; overflow:hidden}
.view_pro_img{float:left}
.view_pro_img .pro_big_img{ width:480px; float:left; margin:20px 0 0 8px;}
.view_pro_img .pro_big_img .pro_copy p{ padding:10px 0 0 0; line-height:22px;word-wrap:break-word; }
.view_pro_img .pro_big_img img.img340{ width:480px; height:480px;}
.view_pro_img .samll_left{width:92px; float:left}
.view_pro_img .samll_left .top_btn,.view_pro_img .samll_left .bottom_btn{ height:20px; float:left; width:92px; cursor:pointer}
.view_pro_img .samll_left .top_btn i,.view_pro_img .samll_left .bottom_btn i{ background:url(/shop/theme/xth1/images/comm/icon.png); display:block; margin:auto; margin-top:6px; width:15px; height:8px;}
.view_pro_img .samll_left .top_btn i{background-position:-324px -22px;}
.view_pro_img .samll_left .bottom_btn i{background-position:-351px -22px;}
.view_pro_img .samll_left .top_btn.nocur i{background-position:-324px -39px;}
.view_pro_img .samll_left .bottom_btn.nocur i{background-position:-351px -39px;}
.samll_img_box{ width:92px; float:left; height:480px; overflow:hidden}
.view_pro_img ul.pro_small_img{ width:92px; float:left;}
.view_pro_img ul.pro_small_img li{ float:left; margin:0px 2px;*margin:0px 1px;_margin:0px 1px;cursor:pointer}
.view_pro_img ul.pro_small_img li img{width:88px; height:88px;border:1px #fff solid}
.view_pro_img ul.pro_small_img li.cur img{ border:1px #c6b098 solid}
.Pro_parameters_box{ float:left; margin:20px 0 0 25px; width:560px;}
.Pro_parameters_box .pro_name{ border-bottom:1px #d6d6d6 solid;width:480px; padding:0 10px 0 0; font-size:14px; line-height:40px; height:40px;}
.Pro_parameters_box .pro_name span{ font-size:24px; padding:0 10px 0 0;}
.Pro_parameters_box .pro_pire{ font-size:24px; color:#b0916a; margin:30px 0 0 0;}
.Pro_parameters_box .pro_pire span{font-size:30px}
.Pro_parameters_box .pro_desc{ line-height:20px; color:#b6b6b6}
.Pro_parameters_box .pro_desc span{padding:0 10px 0 0}
.Pro_parameters_box .cake_num{ padding:20px 0 20px 0; margin:0;}
.Pro_parameters_box .cake_num dl dd{ background-color:#F2F6F7;}
.Pro_parameters_box .cake_num dl dd.nopoint{background-color:#F2F6F7;}
.Pro_parameters_box .change_p span{ position:absolute; z-index:-1; width:54px; height:24px; display:block; line-height:24px; margin:10px 0 0 0; left:0; background:#F2F6F7;}
.Pro_parameters_box .change_p li{width:62px; cursor:pointer; position:relative;background:none}/*�޸�*/
.Pro_parameters_box .change_p li div{background:url(/shop/theme/xth1/images/comm/ok.png) no-repeat; width:62px; height:35px;background-position:10px 0;  position:absolute;z-index:1; left:0;}/*�޸�*/
ul.change_p li.cur div{background-position:10px -280px;}
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;}
.Pro_parameters_box ul.buy_btn_box{ width:320px; overflow:hidden}
.Pro_parameters_box .pro_Explain{ padding:10px 0 20px 0; width:480px; border-bottom:1px #d6d6d6 solid;}
.Pro_parameters_box ul.Select_view{ padding:18px 0 0 0; overflow:hidden;}
.Pro_parameters_box ul.Select_view li{ float:left; text-align:center; margin:0 50px 0 0px; cursor:pointer;}
.Pro_parameters_box ul.Select_view li span{ font-size:16px;}
.Pro_parameters_box ul.Select_view li p{ padding-bottom:5px; border-bottom:3px #D9E8EB solid}
.Pro_parameters_box ul.Select_view li.cur p{border-bottom:3px #7b9196 solid}
ul.view_list{ margin:20px 0 0 0; overflow:hidden; min-height:200px; max-width:550px;}
ul.view_list li.m_cake{ width:500px;}
ul.view_list li{display:none;}
ul.view_list li.cur{display:block}
ul.view_list dl,ul.view_list li.m_cake dl dd{ overflow:hidden; line-height:18px;}
ul.view_list li.m_cake dl dd{float:left; padding:0 30px 10px 0; min-width:90px;}/*�޸�*/
ul.view_list li.m_cake dl dd img{float:left; margin:0 5px 0 0;}
ul.view_list li.m_cake dl dd span{ float:left}
ul.view_list li ul li{display:block}
ul.view_list li.Review_w{ max-width:500px;}/*�޸� ����*/
ul.Review_top li dl dt,ul.Review_top li dl dd{ float:left; margin:4px 5px; text-align:center; line-height:24px;}/*�޸�*/
ul.Review_top{ border-top:1px #d6d6d6 solid; border-bottom:1px #d6d6d6 solid; padding:8px 0;}
ul.Review_top li dl dd a{ background:#d9e8ec; color:#767676; padding:2px 10px;-moz-border-radius:3px; -webkit-border-radius: 3px; 
border-radius:3px; }/*�޸�*/
ul.Review_top li dl dd a span{ color:#b0916a}
ul.Review_list li{ line-height:40px;border-bottom:1px #d9e8ec solid; position:relative}/*�޸�*/
ul.Review_list li p.com_txt{line-height: 24px;min-height: 30px;width: 395px;padding: 5px 0; padding-left:5px}
ul.Review_list li samp{ color:#b0916a}/*�޸� ����*/
ul.Review_list li div{position:absolute; right:0; margin:0px 15px 0 0; top:5px; max-width:170px;}/*�޸�*/
ul.Review_list li div i{ background:url(/shop/theme/xth1/images/comm/icon.png); width:16px; height:16px; background-position:-221px -62px; display:block; float:right}
ul.Review_list li div span{float:right; line-height:16px;text-indent:0; font-size:14px;color:#7b9196}
ul.Review_list li div small{display:block; float:right;line-height:16px;text-indent:0; font-size:9px; color:#b7b7b7;}
.Review_nav{ text-align:right}
.Review_nav ul{float:right}
.Review_nav ul li{float:left; width:20px; text-align:center; height:20px; line-height:20px;color: #FD6703;
font-weight: bold}
.Review_nav ul li a{font-weight:normal}
.Review_nav ul li a:hover{ color:#b0916a}
.Review_nav ul li.page_nav_left a{ background:url(/shop/theme/xth1/images/comm/icon.png); display:block; background-position:-302px -61px; height:20px;}
.Review_nav ul li.page_nav_left a:hover{background-position:-352px -61px; }
.Review_nav ul li.page_nav_right a{ background:url(/shop/theme/xth1/images/comm/icon.png); display:block; background-position:-328px -61px; height:20px;}
.Review_nav ul li.page_nav_right a:hover{background-position:-378px -61px;}
ul.view_list li.Basic{ width:500px}/*�޸�*/
ul.view_list li.Basic dl{ width:50%; float:left}
ul.view_list li.m_cake li.Basic dl dd{line-height:35px; overflow:hidden; margin:0; padding:0; width:100%;}/*�޸�*/
ul.view_list li.Basic dl dd ul.Sweet{ margin:8px 0 0 15px; float:left; overflow:hidden}
ul.view_list li.Basic dl dd ul.Sweet li{ width:16px; height:16px; background:url(/shop/theme/xth1/images/comm/icon.png); background-position:-243px -65px; float:left}
ul.view_list li.Basic dl span{ padding:0 5px 0 0; float:left}
ul.view_list li.Basic dl samp{ padding:0 0 0 15px;color:#b0916b; }
.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(/shop/theme/xth1/images/comm/icon.png) no-repeat; width:120px; height:30px;}
.class_title .all_pro samp{ background-position:-12px -140px;}
.class_title .other_pro samp{ background-position:-12px -179px;}
.class_title div.hot_pro{width:400px}
.class_title .hot_pro samp{ background:url(/shop/theme/xth1/images/comm/pro_hot.png) no-repeat; width:400px; height:30px;}
.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:35px; cursor:pointer}
.image-grid li .pro_box{position:relative;margin-right:10px; overflow:hidden}
.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; text-align:left;color:#FFF}
.image-grid li div.Sweetness_box{float:left;  width:100%; position:relative}
.image-grid li div.Sweetness_box span{ float:left;padding:0 10px 0 15px;color:#FFF}
.image-grid li div.Sweetness_box .buy_icon{ position:absolute; right:10px; top:50%;margin-top: -30px; width:36px; height:36px; background:url(/shop/theme/xth1/images/comm/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 span{ display:block}
.pro_title{position:relative;padding-right: 10px;text-align: center;}
.pro_title i{position:absolute;background:url(/shop/theme/xth1/images/comm/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(/shop/theme/xth1/images/comm/icon.png); width:16px; height:16px; background-position:-268px -65px; margin-right:5px;}
span.font01{ font-weight:bold;  padding-top:5px;}
span.font02{  }
@media(max-width:1360px){
.class_title{  max-width:1110px;  margin:auto; border-bottom:1px #ccc solid; padding-bottom:10px;}
.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;}
.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; }
}
/*详细介绍*/
.Details_box{ margin:120px auto 0 auto;*padding-top:100px;_padding-top:100px; border-top:1px #d6d6d6 solid; min-height:400px; float:left; width:100%; position:relative}
.Designer{ width:540px; left:50%; margin-left:-270px; position:absolute; background:#FFF; top:-40px;}
.Designer h1{margin:0 0 0 30px; float:left; display:block; font-size:12px; font-weight:normal}
.Designer h1 span{display:block; text-align:center; margin:8px 0 0 0}
.Designer p{ float:left; width:390px; margin:10px 0 0 15px; color:#b0916a; line-height:19px;}
.Designer p a{ margin-top:10px; display:block}
.Details_view{ max-width:1200px; margin:60px auto; overflow:hidden}
.pro_Layered{ margin:100px auto;  position:relative;}
.pro_Layered div {position:absolute;}
.pro_Layered div p{ position:relative; display:none;}
.pro_Layered div p span{position:absolute; width:220px; color:#b0926b}


/*
.cake{ width:1200px;}
*/

.cake{ width:950px;}