body{margin:0}.fullscreen{height:100%;left:0;position:absolute;top:0;width:100%}.slide{opacity:0;transition-property:opacity;transition-duration:0.5s}.button{cursor:pointer;opacity:0.7;transition-property:opacity;transition-duration:0.5s}.button:hover{opacity:1}.loading{background-image:url(../images/Window/loading_16_white.gif);background-repeat:no-repeat;background-position:center}.slideshow .slide{background-position:center center;background-repeat:no-repeat;background-size:contain;cursor:pointer}.slideshow .control-bar{background:rgba(0,0,0,0.5);border-bottom-left-radius:10px;border-bottom-right-radius:10px;height:64px;left:calc(50% - 80px);opacity:0;position:absolute;top:0;width:160px;transition-property:opacity;transition-duration:0.5s}.slideshow .control-bar .control-btn{background-repeat:no-repeat;float:left;height:64px}.slideshow .control-bar .prev-btn,.slideshow .control-bar .next-btn{background-image:url(../images/Lightbox/bt_prev_next_thumbnail.png);width:48px}.slideshow .control-bar .prev-btn{background-position:10px -4px}.slideshow .control-bar .next-btn{background-position:10px -76px}.slideshow .control-bar .play-btn{background-image:url(../images/Lightbox/icon_play.png);background-position:center center;width:64px}.slideshow .control-bar:hover{opacity:1}.lightbox{visibility:hidden}.lightbox .slide{text-align:center;z-index:-1}.lightbox .slide img{max-width:90%;max-height:90%;vertical-align:middle}.lightbox .slide:before{content:'';display:inline-block;height:100%;vertical-align:middle}.lightbox .close-btn{background-image:url(../images/Lightbox/bt_close.png);height:28px;position:absolute;right:0;top:0;width:28px}.lightbox .switch-btn{height:100%;position:absolute;top:0;width:48px}.lightbox .switch-btn div{background-image:url(../images/Lightbox/bt_prev_next.png);display:inline-block;height:64px;vertical-align:middle;width:48px}.lightbox .switch-btn:before{content:'';display:inline-block;height:100%;vertical-align:middle}.lightbox .switch-prev-btn{left:0}.lightbox .switch-next-btn{right:0}.lightbox .switch-next-btn div{background-position:0 -64px}.lightbox .footer{bottom:0;color:white;left:0;position:absolute;width:100%}.lightbox .footer .scroller{background:url(../images/Lightbox/thumbnail_bg.png) 0 0 repeat-x;box-shadow:0 -5px 10px rgba(0,0,0,0.7);height:0px;overflow:hidden;transition-property:height;transition-duration:0.5s}.lightbox .footer .scroller .scroll-btn{background-image:url(../images/Lightbox/bt_prev_next_thumbnail.png);display:inline-block;height:88px;width:28px}.lightbox .footer .scroller .scroll-prev-btn{background-position:0 8px}.lightbox .footer .scroller .scroll-next-btn{background-position:0 -64px}.lightbox .footer .scroller .thumb-wrapper{display:inline-block;overflow:hidden;width:calc(100% - 56px)}.lightbox .footer .scroller .thumb-wrapper .thumb-list{display:flex;position:relative;transition-property:left;transition-duration:0.5s}.lightbox .footer .scroller .thumb-wrapper .thumb-list .thumb{background-repeat:no-repeat;background-size:cover;border:3px solid rgba(255,255,255,0);cursor:pointer;display:inline-block;height:72px;margin:5px 3px;width:72px}.lightbox .footer .scroller .thumb-wrapper .thumb-list .thumb:hover{border-color:rgba(255,255,255,0.5)}.lightbox .footer table{padding:5px 10px;width:100%}.lightbox .footer table .left{text-align:left;width:33%}.lightbox .footer table .left a{color:inherit}.lightbox .footer table .center{text-align:center;width:34%}.lightbox .footer table .right{text-align:right;width:100%}.lightbox .footer table .right span{cursor:pointer}
