.sbox-content-gallery .pika-stage {height:100% !important; max-height: 100% !important;} .sbox-content-gallery .pika-stage img{} .produkt_detail_frame ul#pikame li {text-align: center;} /* Style the thumbnails */ .pika-thumbs{ height: 75px; margin: 5px 5px 5px 0;} ul#pikame li {list-style-type: none !important;} .pika-thumbs li{ width: 78px; height:78px; overflow: hidden; float: left; list-style-type: none !important; border: 1px solid #e5e5e5; cursor: pointer;} .pika-thumbs li:last {margin: 0;} .pika-thumbs li .clip {position:relative; height:100%;text-align: center; vertical-align: center; overflow: hidden;} /* The stage is the wrapper. The image fills 100% the height of the stage */ .pika-stage, .pika-textnav {width: auto;} .pika-stage {position: relative; background: white; text-align:center; overflow:hidden;} .pika-stage img{height: auto;}
.pika-stage .caption {position: absolute; background: rgba(0,0,0,0.75); color: #fff; font-size: 11px; padding: 10px; text-align: right; bottom: 10px; right: 10px;} .pika-stage .caption p {padding: 0; margin: 0; line-height: 14px;} /* Ths play, pause, prev and next buttons */ .pika-imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3;} .pika-imgnav a.previous {top: 40%; left: 1%; height: 30px; width: 30px; outline: 0; background: url(prev.png) no-repeat; cursor: pointer; -webkit-transition: all .3s ease; transition: all .3s ease;} .pika-imgnav a.next {top: 40%; right: 1%; height: 30px; width: 30px; outline: 0; background: url(next.png) no-repeat; cursor: pointer; -webkit-transition: all .3s ease; transition: all .3s ease;} .pika-imgnav a.next:hover, .pika-imgnav a.previous:hover {background-position: left -36px;} .pika-imgnav a.play {background: url(play.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display: none;cursor:pointer;}
.pika-imgnav a.pause {background: url(pause.png) no-repeat 0% 50%; height: 100px; width: 44px;top:0;left:50%;display:none;cursor:pointer;} /* The previous and next textual buttons */ .pika-textnav {overflow: hidden; margin: 10px 0 0 0;bottom:10px; position:absolute;} .pika-textnav a {display:none;} .pika-textnav a.previous {display:none;} .pika-textnav a.next {display:none;} /*for the tool tips*/ .pika-tooltip{font-size:12px;position:absolute;color:white;padding:3px; background-color: rgba(0,0,0,0.7);border:3px solid black;} .pika-counter{position: absolute; left:10px; top: 0; color: white; background: rgba(0,0,0,0.7); font-size:11px; padding:3px; border-radius: 5px;} #sbox-window.shadow { height:auto !important; } /* If using user thumbnails there's a pause well the new large image loads. This is the loader for that */ .pika-loader{ background:url(loading.gif) 3px 3px no-repeat #000; background-color:rgba(0,0,0,0.9); color:white; width:60px; font-size:11px; padding:5px 3px;
text-align:right; position:absolute; top:15px; right:15px; }