@charset "utf-8";
.holiday_template_2 *{ margin:0; padding:0; border:0;}
.holiday_template_2{font-size:12px; margin:0 auto; border:0 none;padding:0px; color:#666; font-family:Roboto,Tahoma,Arial,helvetica,sans-serif, Microsoft Yahei; background:#ededed;}
.holiday_template_2 ul, .holiday_template_2 ol{list-style:none;}
.holiday_template_2 a{text-decoration:none;border:none; color:#333; transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;}
.holiday_template_2 img{border:none; margin:0; padding:0; font-size:0; vertical-align:bottom;}
.holiday_template_2 h1{ text-align:center;}

.holiday_template_2 .bannerbox{ width:100%; background:#3d3d3d;}
.holiday_template_2 .subbanner{ background:#3d3d3d; width:1170px; margin:0 auto; padding:50px 0;}
.holiday_template_2 .subbanner img{ width:100%;}
.holiday_template_2 .submain{ width:1140px; margin:0 auto; padding:60px 0 10px;}
.holiday_template_2 .subitem{ padding:0 0 40px;}
.holiday_template_2 .itemlist{ float:left; margin:0 0.5% 20px; width:32.3%;}
.holiday_template_2 .itemlist a{display: block; position: relative; overflow:hidden;}
.holiday_template_2 .itemlist 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%;}
.holiday_template_2 .itemlist a:hover::after {opacity: 1;transform:rotate(360deg);-moz-transform:rotate(360deg); -ms-transform:rotate(360deg); -o-transform:rotate(360deg); -webkit-transform:rotate(360deg);  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_2 .itemlist 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%;}
.holiday_template_2 .itemlist 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;}

.holiday_template_2 .prolist{ padding:1.9%; float:left; width:20%; margin:0.6%; background:#fff; box-shadow:0 3px 2px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.15); border-radius:4px; position:relative;}
.holiday_template_2 .proimg img{ width:100%;}
.holiday_template_2 .proreview{color:#999; line-height:20px; height:20px; overflow:hidden;}
.holiday_template_2 .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;}
.holiday_template_2 .proname{ font-size:14px; color:#333;  line-height:22px; height:44px; overflow:hidden;}
.holiday_template_2 .proprice {
    color: #000;
    font-size: 15px;
    font-weight: bold;
    height: 15px;
    line-height: 15px;
    overflow: hidden;
    padding: 3px 0 0;
}
.holiday_template_2 .proprice-old{ color:#666; font-size:12px; font-weight:normal; font-style:normal; text-decoration:line-through; float:right;}
.holiday_template_2 .prolink{ display:block; width:100%; height:100%;left: 0;position: absolute;top: 0; z-index:2;}
.holiday_template_2 .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;}
.holiday_template_2 .addcartbox2{height:80px; bottom:0; left:5%;position:absolute; background:#fff; width:90%; display:none;}
.holiday_template_2 .prolist:hover .addcartbox2{ display:block;}
.holiday_template_2 .addcart2{ background:#fc9d21;cursor: pointer; color:#fff; font-size:16px; font-weight:bold; height:40px; line-height:40px; margin:20px auto 0; border-radius:5px; display:block; width:92%;}
.holiday_template_2 .addcart2 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 22%;width: 29px;}
.holiday_template_2 .subprolist{padding:0.9%; float:left; width:22%; margin:0.6%; background:#fff; box-shadow:0 3px 2px rgba(0, 0, 0, 0.15), 0 0 1px rgba(0, 0, 0, 0.15); border-radius:4px; position:relative;}
.holiday_template_2 .subproimg{ width:46%; float:left; padding:1.5%;}
.holiday_template_2 .subproimg img{ width:100%;}
.holiday_template_2 .subinfo{ width:48%; float:left; padding:1.5%; line-height:20px;}
.subproprice{color:#000; font-size:16px; font-weight:bold; padding:3px 0 0;height: 36px;overflow: hidden;}
.holiday_template_2 .subproprice-old{ color:#666; padding:0 0 0 3px; font-size:12px; font-weight:normal; font-style:normal; text-decoration:line-through; display:block;}
.holiday_template_2 .subprooff{ position:absolute; color:#fff; width:70px; background:#fc9d21 ; padding:3px; text-align:center; left:-5px; top:10px; box-shadow:0 1px 2px rgba(0, 0, 0, 0.4); z-index:3}
.holiday_template_2 .subproname{ font-size:13px; color:#333; line-height:18px; height:54px; overflow:hidden;}

.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;}
.star i{display:block;width:75px;height:14px;background:url(https://img.staticbg.com/banner/images/star_min.png) repeat-x 0 0;}

.back_to_top{display: none;}

/* play */
.holiday_template_2 .play{width:1170px;height:500px;overflow:hidden;position:relative;}
.holiday_template_2 .play ol{position:absolute;left:50%;margin-left:-20px;bottom:10px;z-index:5;}
.holiday_template_2 .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;}
.holiday_template_2 .play ol li.active{font-weight:bold;color:#ffffff;background-color:rgba(0,0,0,1);position:relative;}
.holiday_template_2 .play ul{position:absolute;top:0;left:0;z-index:1;}
.holiday_template_2 .play ul li{width:1170px;height:500px;float:left;}
.holiday_template_2 .play ul img{float:left;width:100%;height:100%;}
.holiday_template_2 #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;}
.holiday_template_2 #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;}

/*复活节*/

.collection_easter{position:absolute;top:-2px;left:-9px;width:60px;height:60px;display:block;}
.collection_easter img{width:60px;height:60px;display:block;}
.collection_easter_small{position:absolute;top:94px;left:-6px;width:40px;height:40px;display:block;padding:0;z-index:4;}
.collection_easter_small img{width:40px;height:40px;display:block;padding:0;}

/* 新轮播 */
.slid-box{
    position:relative;
    height:500px;
    overflow-x: hidden;
    /*min-width: 1000px;*/
}
.slid-content,
.slid-list,
.slid-list-img{
    height: 100%;
}
.slid-content{
    overflow: hidden;
}
.slid-list{
    width:100%;
    top:0px;
    position:absolute;
    display:none;
}
.slid-list.active{
    display:block;
}
.slid-page{
    position:absolute;
    left:50%;
    bottom:0px;
}
.slid-page::after{
    clear:both;
    content:'.';
    display:block;
    overflow: hidden;
    height:0px;
}
.slid-page 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;
}
.slid-page li.active{
    font-weight: bold;
    color: #ffffff;
    background-color: rgba(0,0,0,1);
    position: relative;
}
.change-page{
    position:absolute;
    bottom: 50%;
    margin-bottom:-50px;
    width:50px;
    height:100px;
    background: rgba(0, 0, 0, 0.3);
    text-align: center;
    line-height: 100px;
    color:#fff;
    font-weight: 800;
    font-size:25px;
    cursor: pointer;
}
.slid-list a{
    width:100%;
    height: 100%;
    display:block;
}
.up-page{
    left:0px;
}
.next-page{
     right:0px;
}


.holiday_template_2 .left_nav{ width:180px; position:fixed; right:0; display:none;z-index:9;}
.holiday_template_2 .floatDivBoxs{ width:150px; position:fixed; right:0; top:180px; background:#fff;border:1px #E6E6E6 solid;}
.holiday_template_2 .floatDivBoxs p{ text-align:center; font-size:18px; color:#333; font-weight:bold; padding:10px 0;border-bottom:1px #E6E6E6 solid;}
.holiday_template_2 .floatDivBoxs a{ padding:5px 6px; font-size:12px; border-bottom:1px #E6E6E6 solid; display:block;}
.holiday_template_2 .floatDivBoxs a:hover{ color:#fff; background: #fc9d21;}
.holiday_template_2 .holiday_template_2 .top2{ text-align:center; font-size:14px;}
#rightArrow{width:50px;height:45px;background:url(https://img.banggood.com/deals/edm/topic/2016fathersday/online_arrow.jpg) no-repeat;position:fixed;top:180px;right:150px;z-index:999;}
#rightArrow a{display:block;height:45px;}

.holiday_template_2 .protitle{ font-size:36px;  padding:10px 0; font-family:"Open Sans",arial,helvetica,sans-serif; font-weight:400; color:#333;}
.holiday_template_2 .protitle span{ display:block; font-size:16px; padding:0 0 20px;}

@media screen and (max-width: 1280px) {
	.holiday_template_2 .subbanner , .holiday_template_2 .play, .holiday_template_2 .play ul li, .holiday_template_2  .submain{ width: 1000px;}
	.holiday_template_2 .left_nav{ right:5px; margin:0; width:120px;}

}