#block-wrapper *{box-sizing:border-box}@-webkit-keyframes fade-in-out{0%{opacity:0}40%{opacity:1}80%{opacity:1}100%{opacity:0}}@keyframes fade-in-out{0%{opacity:0}40%{opacity:1}80%{opacity:1}100%{opacity:0}}@-webkit-keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes fade-in{from{opacity:0}to{opacity:1}}.close-zoom{position:absolute;top:0;right:0;border-bottom:1px solid #CCC;border-left:1px solid #CCC;line-height:1.25em;font-size:2em;z-index:10;width:1.5em;padding-bottom:.15em;text-align:center;opacity:0;-webkit-animation-name:fade-in;animation-name:fade-in;-webkit-animation-duration:400ms;animation-duration:400ms;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-delay:600ms;animation-delay:600ms;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.close-zoom.close{-webkit-animation-name:fade-in;animation-name:fade-in;-webkit-animation-duration:400ms;animation-duration:400ms;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-delay:0;animation-delay:0;-webkit-animation-fill-mode:backwards;animation-fill-mode:backwards}#zoom-wrapper{position:absolute;top:60%;right:0;left:0;opacity:0;z-index:1;text-align:center;pointer-events:none;-webkit-animation-name:fade-in-out;animation-name:fade-in-out;-webkit-animation-duration:3.5s;animation-duration:3.5s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-delay:400ms;animation-delay:400ms;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}#zoom-message{display:inline-block;position:relative;top:1em;right:1em;background:rgba(100,100,100,0.85);color:white;border-radius:.5em;padding:.75em;z-index:1;pointer-events:none;padding-left:2.5em}#zoom-message.off{opacity:0}#zoom-message i{position:absolute;top:.25em;left:.25em;font-size:2em}.block{width:10%;text-align:center;color:white;float:left;padding:10px;text-align:center}.block img{max-width:100%;pointer-events:none}.block-zoom{position:fixed;top:0;right:0;left:0;bottom:0;z-index:10}.block-zoom img{pointer-events:none;position:absolute;z-index:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.block-zoom .fancy-background,.block-zoom img{-webkit-transition:all 300ms cubic-bezier(0.34,1.19,0.8,1);transition:all 300ms cubic-bezier(0.34,1.19,0.8,1)}.block-zoom .fancy-background{background:white;position:absolute;left:0;right:0;overflow:hidden}.block-zoom.load .fancy-background{top:0 !important;bottom:0 !important}.block-zoom.unload img{-webkit-transform:scale(1) translate3d(0,0,0) !important;transform:scale(1) translate3d(0,0,0) !important}.block-zoom.unload .fancy-background{-webkit-transition-delay:300ms;transition-delay:300ms}.block-zoom.pan img{-webkit-transition:-webkit-transform 80ms cubic-bezier(0.34,1.19,0.8,1);transition:transform 80ms cubic-bezier(0.34,1.19,0.8,1)}#block-wrapper{width:100%;overflow:hidden;position:relative}#block-container{width:1000%;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}#block-container.jumping{-webkit-transition:all .45s cubic-bezier(0.17,0.97,0.57,0.96);transition:all .45s cubic-bezier(0.17,0.97,0.57,0.96)}#block-container.bouncing{-webkit-transition:all .4s cubic-bezier(0.34,1.19,0.8,1);transition:all .4s cubic-bezier(0.34,1.19,0.8,1)}#block-container:after{content:'';width:100%;display:table;clear:both}#output{text-align:center;position:fixed;z-index:2;padding:.5em 0;bottom:0;left:0;right:0;pointer-events:none}#prod-view-nav{text-align:center;font-size:8px;padding:1em 0}#prod-view-nav,#prod-view-nav li{margin:0}#prod-view-nav li{padding:0;-webkit-transition:background 300ms ease-in-out;transition:background 300ms ease-in-out;box-sizing:border-box;list-style:none;width:1em;height:1em;border-radius:10em;background:#ddd;display:inline-block;margin:0 .5em;text-indent:-10em;overflow:hidden}#prod-view-nav li.active{background:#4384b3}