@charset "utf-8";
.holiday_template_1 *{ margin:0; padding:0; border:0;}
.holiday_template_1{font-size:12px; background: #fff; margin:0 auto; border:0 none;padding:0px; color:#666; font-family: Microsoft Yahei;}
.holiday_template_1 ul,.holiday_template_1 ol{list-style:none;}
.holiday_template_1 a{text-decoration:none;border:none; color:#666; transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;}
.holiday_template_1 img{border:none; margin:0; padding:0; font-size:0; vertical-align:bottom;}
.holiday_template_1 h1{ text-align:center;}

.subbanner{ width: 1200px; margin:0 auto;}
.banerleft{ float: left; width: 620px; padding: 0 10px 10px 0;}
.bannerright{ float: left; width: 570px;}
/* play */
.play{width:620px;height:620px;overflow:hidden;position:relative;}
.play ol{position:absolute;left:50%;margin-left:-20px;bottom:10px;z-index:5;}
.play ol li{float:left;margin-right:3px;display:inline;cursor:pointer;background-color:rgba(0,0,0,0.5);padding:5px 9px;color:#fff;font-family:arial;font-size:12px;border-radius:100px;}
.play ol li.active{font-weight:bold;color:#ffffff;background-color:rgba(0,0,0,1);position:relative;}
.play ul{position:absolute;top:0;left:0;z-index:1;}
.play ul li{width:620px;height:620px;float:left;}
.play ul img{float:left;width:100%;height:100%;}
#next{display:block;position:absolute;top:38%;right:0;width:30px;height:54px;text-align:center;color:#fff;background-color:rgba(0,0,0,0.5);z-index:5;line-height:50px;text-decoration:none;}
#prev{display:block;position:absolute;top:38%;left:0;width:30px;height:54px;text-align:center;color:#fff;background-color:rgba(0,0,0,0.5);z-index:5;line-height:50px;text-decoration:none;}
.br-list{ padding: 0 0 10px; height: 200;}
.br-list a{display: block; position: relative; overflow:hidden;}
.br-list img{transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease; width: 100%; height: auto;}
.br-list a:hover img {transform: scale(1.05);-o-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-webkit-transform: scale(1.05);transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;}
.br-list a::after, .proimg a::after {background:url(/templates/black/images/img_hover.png) no-repeat center center;content:"";display: block;height: 100%;left: 0;opacity: 0;position: absolute;top: 0;width: 100%;}
.br-list a:hover::after, .proimg a:hover::after {opacity: 1;transform:rotate(720deg);-moz-transform:rotate(720deg); -ms-transform:rotate(720deg); -o-transform:rotate(720deg); -webkit-transform:rotate(720deg);  transition:all 0.3s ease;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;-ms-transition:all 0.3s ease;}

.commonbox{margin:0 auto;width:1200px;position:relative;}
.commontitle{ margin: 50px 0 60px; font-size: 28px; line-height: 32px; color: #41403f;}
.commontitle span{ color: #fc9d21;  padding: 0 20px; font-weight: normal;}
/* addcartbox */
.prolistbox{float:left; margin:0 9px 20px; border: 1px #ddd solid; display:inline;padding:5px 10px;_padding:10px 10px 8px 10px;background:#f6f6f6;width:260px;height:360px;position:relative; overflow:hidden; line-height:22px;}
.proimg{width:260px;height:260px; padding:0 0 5px; background:url(https://img.staticbg.com/banner/images/loading_3.gif) no-repeat center center;}
.proimg a{ display:block;}
.proimg a::after{ width:260px; height:260px;}
.proimg img{width:100%;height:100%;top:0;left:0;}
.addcartbox{width:260px;height:90px;top:370px;left:9px;position:absolute; background:#fff; }
.addcart{ background:#fc9d21;cursor: pointer; color:#fff; font-size:16px; font-weight:bold; width:200px; height:40px; line-height:40px; margin:25px auto 0; border-radius:5px; display:block;}
.addcart i{ background: url(https://img.staticbg.com/banner/images/common_1.png) no-repeat scroll -90px 0; float: left;height: 21px;margin:8px 10px 0 30px;width: 29px;}
.proname{height:40px; overflow:hidden; line-height:20px; font-size:13px;}
.proname a:hover{ color:#f60;}
.proprice{ font-size:14px; color:#f60; font-weight:bold; padding:5px 3px 3px 0;}
.proprice span{ background:#FC9D21; border-radius:40px; text-align:center; font-size:12px; color:#fff; font-weight:normal; padding:0 5px; margin:0 3px 0 0;}
.prooff{ background:rgba(0, 0, 0, 0) url(https://img.staticbg.com/banner/images/common_1.png) no-repeat scroll -41px -213px; color: #fff; font-size: 22px; height: 41px; padding: 3px 10px 0 0; right: 1px; top: 1px; width: 34px; position:absolute; font-style:italic; text-align:center; font-family:arial , Gotham, "Helvetica Neue", Helvetica, sans-serif;}
.proprice-old{color:#999; text-decoration:line-through; font-size:12px; font-style:normal; font-weight:normal; float: right;}
.proreview{color:#999; line-height:20px; height:20px;}
.proreview i.prostar{ background: url(https://img.staticbg.com/banner/images/star_min.png) repeat-x 0 0; width:75px; height:15px; display:block; float:left; margin:3px 5px 0 0;}

.proreview .star{float:left; margin:3px 5px 0 0;display:block;width:75px;height:14px;background:url(https://img.staticbg.com/banner/images/star_min.png) repeat-x 0 -87px;}
.proreview .star i{display:block;width:75px;height:14px;background:url(https://img.staticbg.com/banner/images/star_min.png) repeat-x 0 0;}


.holiday_template_1 .left_nav{z-index: 5; width:150px; position:fixed;right:5px; margin:0; background:#fff;border:1px #E6E6E6 solid;}
.holiday_template_1 .left_nav p{ text-align:center; font-size:18px; color:#333; font-weight:bold; padding:10px 0;border-bottom:1px #E6E6E6 solid;}
.holiday_template_1 .left_nav a{ padding:5px 6px; font-size:12px; border-bottom:1px #E6E6E6 solid; display:block;}
.holiday_template_1 .left_nav a:hover{ color:#fff; background: #fc9d21;}
.holiday_template_1 .top2{ text-align:center; font-size:14px;}
.back_to_top{display: none;}



/*购物车样式*/
.item_attr_box {position: absolute;left: 132px;color: #cccccc;border: 1px #000 solid;box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);min-width: 200px;max-width: 300px;min-height: 93px;background: #ffffff;padding: 10px;z-index: 10001;display: none;bottom:inherit;}
.item_attr_box .close {border-radius: 10px;font-size: 19px;color: #666666;cursor: pointer;height: 20px;width: 20px;text-align: center;line-height: 15px;overflow: hidden;position: absolute;right: -10px;top: -10px;background: #FFFFFF;box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);}
.item_attr_box .arrow_a {position: absolute;bottom: -10px;width: 20px;height: 10px;left: 50px;display: hidden;overflow: hidden;}
.arrow_a i {display: block;height: 0px;width: 0px;border: 80px solid;border-color: #000000 transparent transparent transparent;position: absolute;bottom: -80px;left: 50%;margin-left: -80px;border-top-color: #dddddd;}
.item_attr_box .item_box {position: relative;padding-left: 55px;margin-top: 15px;}
.item_attr_box .item_name {position: absolute;left: 0;top: 3px;color: #666666;width: 40px;}
.item_attr_box .attr a {display: inline-block;padding: 3px 7px;border: 1px solid #dddddd;margin: 0 3px 6px 0;white-space: nowrap;position: relative;text-decoration: none;}
.item_attr_box .attr a:hover, .item_attr_box .attr a.active {padding: 2px 6px;border: 2px solid #ff6600;}
.item_attr_box .attr a.active i, .item_attr_box .attr a.imgactive i {background: url(../../images/selected.png) no-repeat 0 0;width: 12px;height: 12pxdisplay: block;position: absolute;right: 0;bottom: 0;}
.item_attr_box .attr a {display: inline-block;padding: 3px 7px;border: 1px solid #dddddd;margin: 0 3px 6px 0;white-space: nowrap;position: relative;text-decoration: none;}

.item_attr_box .attr a.attrimg{padding:2px;}
.item_attr_box .attr a.attrimg:hover{border:1px solid #ddd;}
.item_attr_box .attr a.imgactive, .item_attr_box .attr a.imgactive:hover {border: 2px solid #f60;    padding: 2px;}


.item_attr_box .attr a img{width:30px;height:30px;}
.item_attr_box .btn {text-align: center;margin: 15px 0;font-weight: bold;}
.item_attr_box .btn span {display: inline-block;padding: 5px 10px;color: #ffffff;cursor: pointer;min-width: 50px;text-align: center;margin: 0 5px;}
.item_attr_box .btn span.cancel {background: #bbbbbb;}
.item_attr_box .btn span {display: inline-block;padding: 5px 10px;color: #ffffff;cursor: pointer;min-width: 50px;text-align: center;margin: 0 5px;}
.item_attr_box .btn span.ok {background: #fc9d21;}
.item_attr_box .btn span.gray {background: #bbbbbb;}
.add_cart_pop {border: 1px solid #f3f3f3;background: #ffffff;position: absolute;z-index: 10001;bottom: -10px;left: 0;padding: 30px 20px 38px;box-shadow: 0 0 15px rgba(0,0,0,.15);display: none;bottom: auto;width: 380px;}
.add_cart_pop .close {background: url(../images/wh_sprite_icon.png) no-repeat -72px -85px;
width: 10px;height: 10px;position: absolute;display: block;right: 12px;top: 12px;cursor: pointer;}
.add_cart_tips {line-height: 56px;height: 56px;text-align: right;color: #444444;font-size: 24px;padding-right: 30px;}
.add_cart_tips i {background: url(../images/wh_sprite_icon.png) no-repeat -5px -229px;width: 55px;height: 55px;display: block;position: absolute;left: 20px;top: 31px;}
.add_cart_link {background: #f3f3f3;padding: 20px 30px;margin-top: 20px;text-align: right;}
.add_cart_link .add_cart_continue {color: #666666;margin-right: 15px;}
.add_cart_link .add_cart_pay {display: inline-block;background: #f9893b;border: 1px solid #d14202;color: #ffffff;text-decoration: none;}
.add_cart_link .add_cart_pay span {border-top: 1px solid #ffcca8;display: block;padding: 8px;}
.item_attr_box .btn span:hover {box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);}

.item_attr_box .item_box{clear:both;overflow:hidden;}
.item_attr_box .item_box span{cursor:pointer;border:1px solid #ccc; text-align: center; font-size: 14px; float: left; width: 14px; line-height: 14px; height: 14px; margin: 3px 5px 0px 0px;}
.item_attr_box .item_box span.next{margin:3px 0 0 5px;}
.item_attr_box .item_box .quntity-input{border: 1px solid #ccc; height: 20px; line-height: 20px; width: 50px; float: left; text-align: center;}

/*复活节*/
.collection_easter{position:absolute;top:-2px;left:-9px;width:60px;height:60px;display:block;}
.collection_easter img{width:60px;height:60px;display:block;}

@media screen and (max-width: 1280px) {
	.holiday_template_1 .subbanner{ width: 1000px;}
	.holiday_template_1 .commonbox{ width: 960px;}
	.holiday_template_1 .banerleft{ width: 515px;}
	.holiday_template_1 .play{width:515px;height:515px;}
	.holiday_template_1 .play ul li{width:515px;height:515px;}
	.holiday_template_1 .bannerright{width: 470px;}
	.holiday_template_1 .prolistbox{margin:0 5px 20px;padding:5px; width:218px; height:320px;}
	.holiday_template_1 .proimg{width:218px;height:218px;}
	.holiday_template_1 .proimg a::after{ width:218px; height:218px;}
	.holiday_template_1 .addcartbox{width:218px;height:90px;top:330px;left:5px;}
	.holiday_template_1 .addcart{ width: 180px;}
	.holiday_template_1 .proname{font-size:12px;}
	.holiday_template_1 .left_nav{right:5px; margin:0; width:120px;}
}