.product-zoom-image {overflow: inherit;margin: 0;padding: 0;position: relative;z-index: 5;border: 0;border-radius: 0;-webkit-border-radius: 0;} .product-zoom-image .mousetrap,.product-zoom-image .cloud-zoom{ width: 100% !important; height: 100% !important; overflow: hidden; } .product-zoom-image .cloud-zoom img { margin:auto; } .additional-images { margin: 20px 0 0 0; padding: 0 30px; } .additional-images .item { overflow: hidden; padding: 0; border: 0; border-radius: 0; -webkit-border-radius: 0; } .additional-images .item:before { content: ""; width: 100%; height: 100%; left: 0; top: 0; border: 1px solid transparent; position: absolute; pointer-events: none; } .additional-images .item.img-active:before { border-color: #ffd54c; } .additional-images.owl-carousel.owl-theme .owl-nav div { width: 34px; height: 34px; border-radius:0; line-height: 34px; border: 0; background: transparent; color: #3e444a; margin-top: -17px; } .additional-images.owl-carousel.owl-theme .owl-nav div:hover { color: #ffd54c; } .additional-images.owl-carousel.owl-theme .owl-nav div:before { font-size: 30px; } .additional-images.owl-carousel.owl-theme .owl-nav div.owl-prev:before { content: "\f3d2"; } .additional-images.owl-carousel.owl-theme .owl-nav div.owl-next:before { content: "\f3d3"; } .additional-images.owl-carousel.owl-theme .owl-nav div.owl-prev { left: -7px; opacity: 1; } .additional-images.owl-carousel.owl-theme .owl-nav div.owl-next { right: -7px; opacity: 1; } .lightbox-container { display: none; position: fixed; z-index: 10000; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(11,11,11,0.8); } .lightbox-content { position: absolute; left: 50%; top: 50%; width: 100%; z-index: 1; margin: auto; padding: 0 10px; text-align: center; -moz-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } .lightbox-content:before { /* content: ''; */ display: inline-block; height: 100%; vertical-align: middle; } .close { color: white; position: absolute; top: 5px; right: 0; font-size: 24px; font-weight: bold; opacity: 1; } .closezoom { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 0; } .close:hover, .close:focus { color: #999; text-decoration: none; cursor: pointer; } .mySlides { display: none; text-align: center; margin: auto; position: relative; z-index: 1; } .mySlides img { padding: 35px 0; } .prev, .next { cursor: pointer; position: absolute; top: 50%; left: 0; width: auto; padding: 10px 15px; color: white; background: rgba(0,0,0,0.3); z-index: 10; font-weight: bold; font-size: 20px; transition: 0.6s ease; user-select: none; -webkit-user-select: none; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .next { right: 0; left: auto; } .prev:hover, .next:hover { background-color: rgba(0, 0, 0, 0.8); } .numbertext { color: #f2f2f2; font-size: 14px; padding: 8px 12px; position: absolute; top: 0; left: 50%; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } @media (max-width: 1366px) { .lightbox-content { /* top: 10%; */ } } @media (max-width: 767px) { #cloud-zoom-big,.cloud-zoom-lens { display: none !important; } }