.sale { color:#d34a40; font-weight:500; font-size:22px; font-family:'微软雅黑'; } .regular { color:#c5c5c5; font-size:14px; text-decoration:line-through; } .box-image img{ max-width: 100%; max-height: 200px; } .box-bottom i{font-size:24px; margin-right:10px;} .flat-imagebox{ padding:80px 0;} /* Product Tab */ .product-tab { border-bottom:1px solid #e5e5e5; margin-bottom:40px; width:100%; } .product-tab ul.tab-list li { display:inline-block; position:relative; z-index:98; cursor:pointer; color:#919191; font-size:18px; font-family:'BloggerSans'; font-weight:300; padding:17px 0 13px; margin-right:54px; } .product-tab ul.tab-list li:first-child { padding-left:0px; } .product-tab ul.tab-list li:last-child { margin-right:0px; } .product-tab ul.tab-list li:before { content:''; position:absolute; bottom:-1px; left:50%; margin-left:-3.5px; border-bottom:7px solid #e5e5e5; border-left:7px solid transparent; border-right:7px solid transparent; opacity:0; z-index:99; } .product-tab ul.tab-list li.active { color:#2d2d2d; font-weight:500; font-size:20px; } .product-tab ul.tab-list li:hover:before, .product-tab ul.tab-list li.active:before { opacity:1; } /* Product Tab Style1 */ .product-tab.style1 ul.tab-list li { margin-right:0px; padding:21px 31px 13px 26px; } .product-tab.style1 ul.tab-list li:first-child { padding-left:30px; } .product-tab.style1 ul.tab-list li:before { border-bottom-color:#fff; } .product-tab.style1 ul.tab-list li:after { content:''; position:absolute; width:100%; height:70px; bottom:-1px; left:0; background-color:#484848; margin-top:-10px; border-top-left-radius:10px; border-top-right-radius:10px; opacity:0; z-index:-1; } .product-tab.style1 ul.tab-list li:hover:after, .product-tab.style1 ul.tab-list li.active:after { opacity:1; } .product-tab.style1 ul.tab-list li.active, .product-tab.style1 ul.tab-list li:hover { color:#fff; } /* Product Tab Style1 v1 */ .product-tab.style1.v1 { border:1px solid #e5e5e5; border-radius:10px; margin-bottom:30px; } .product-tab.style1.v1 ul.tab-list li { padding:18px 31px 15px 26px; } /* Product Tab Style2 */ .product-tab.style1.v2 { margin-left:-15px; margin-right:-15px; margin-bottom:44px; } .product-tab.style1.v2 li .product-tab.style2 { margin-bottom:29px; } .product-tab.style3 ul.tab-list li { margin-right:22px; } /* Product Box */ .product-box { height:370px; margin-bottom:30px; overflow:hidden; } .product-box.style1 { height:210px; margin-bottom:33px; border-radius:10px; } .product-box.style1:hover { border-color:transparent; } .product-box.style1-v4 { height:215px; margin-bottom:15px; border-radius:8px; overflow: inherit; } .product-box.style1-v4:hover { border-color:transparent; } .imagebox.style1-v4{ border: 1px solid #e5e5e5 !important; } .product-box.style1-v4:hover .imagebox { border-radius:8px; z-index:2; background-color:#fff; box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.2); -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } .product-box.style2 { height:340px; padding-right:7px; margin-bottom:11px; } .product-box.style3 { height:270px; margin-bottom:41px; } .product-box.style1.v1 { border:none; margin-bottom:39px; height:200px; } .product-box.style1.v1:hover .imagebox { border:2px solid #e5e5e5; border-radius:8px; box-shadow:none; } /* Product Box Line */ .product-box.line { border:1px solid #e5e5e5; border-radius:8px; margin-bottom:30px; } .product-box.line:hover { border-color:transparent; } .product-box:hover { overflow:visible; } .product-box .imagebox { text-align:center; padding:8px 16px; border:2px solid transparent; position:relative; min-height:400px; overflow:visible; } .product-box:hover .imagebox { top:0; left:0; width:100%; } /* Product Box Color */ .product-box.color { margin-bottom:5px; } .product-box.color:hover .imagebox { border-color:#f28b00 !important; } /* Product Box Style4 */ .product-box.style4 { border:1px solid #e5e5e5; border-radius:4px; margin-bottom:30px; } .product-box.style4:hover { border-color:transparent; } /* Imagebox */ .imagebox .box-image { margin-bottom:5px; line-height:209px; height:209px; } .imagebox .box-image a { position:relative; display:block; } .imagebox span.item-new, .imagebox span.item-sale { position:absolute; top:24px; right:10px; height:45px; width:45px; line-height:44px; color:#fff; font-size:12px; font-weight:600; text-align:center; background-color:#f28b00; border-radius:50%; z-index:99; } .imagebox span.item-sale { background-color:#f92400; left:10px; right:auto; } .imagebox .box-content .cat-name a { color:#919191; position:relative; display:block; } .imagebox .box-content .cat-name a:before, .imagebox .box-content .cat-name a:after { content:''; position:absolute; height:1px; width:70px; background-color:#e5e5e5; top:50%; left:0; } .imagebox .box-content .cat-name a:after { right:-4px; left:auto; } .imagebox .box-content .product-name { min-height:40px; margin-top:6px; } .imagebox .box-content .product-name a { color:#484848; font-size:14px; line-height:20px; } .imagebox .box-content .product-name a:hover { color:#d34a40; } .imagebox .box-content .price .sale { margin-right:14px; } .imagebox .box-bottom { opacity:0; position:absolute; width:100%; left:0; transform:translateY(-20%); } .imagebox .box-bottom .btn-add-cart a { display:inline-block; background-color:#d34a40; color:#fff; font-size:14px; height:45px; line-height:45px; border-radius:30px; text-align:center; position:relative; overflow:hidden; z-index:3; width: 90%; } .imagebox .box-bottom .btn-add-cart a:before { content:''; position:absolute; width:100%; height:100%; top:0; left:0; z-index:-1; background:#f28b00; -webkit-transform:scaleX(0); transform:scaleX(0); -webkit-transform-origin:0 50%; transform-origin:0 50%; -webkit-transition-property:transform; transition-property:transform; -webkit-transition-duration:0.4s; transition-duration:0.4s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out; } .imagebox .box-bottom .btn-add-cart a:hover:before { -webkit-transform:scaleX(1); transform:scaleX(1); -webkit-transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66); } .imagebox .box-bottom .btn-add-cart a img { padding-right:15px; } .imagebox .box-bottom .compare-wishlist { margin-top:10px; margin-bottom: 10px; text-align: center; } .imagebox .box-bottom .compare-wishlist a img { padding-right:10px; } .imagebox .box-bottom .compare-wishlist a { font-size:12px; font-weight:600; color:#919191; } .imagebox .box-bottom .compare-wishlist a:hover { color:#f28b00; } .imagebox .box-bottom .compare-wishlist a.compare { margin-right:18px; } .product-box:hover .imagebox { border:2px solid #e5e5e5; border-radius:8px; z-index:2; background-color:#fff; /* box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.2); -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; */ } .product-box.style2:hover .imagebox { border:2px solid #e5e5e5; border-radius:8px; z-index:2; background-color:#fff; box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.2); -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } .product-box:hover .imagebox .box-bottom { opacity:1; display:block; transform:translateY(0%); -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; width:auto; margin:10px 0 0; left:0; right:0; position:relative; height:auto; } .imagebox .owl-theme .owl-controls .owl-nav div.owl-prev:before, .imagebox .owl-theme .owl-controls .owl-nav div.owl-next:before { display:none; } .imagebox:hover .owl-theme .owl-controls .owl-nav div.owl-prev:before, .imagebox:hover .owl-theme .owl-controls .owl-nav div.owl-next:before { display:block; }