.poster{position:absolute;width:100%;height:100%;left:0;top:0;z-index:10;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.poster .poster-viewport{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;z-index:1}.poster .poster-slide{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden;background-color:#000;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:-webkit-transform 1s cubic-bezier(0.645,0.045,0.355,1);-moz-transition:-moz-transform 1s cubic-bezier(0.645,0.045,0.355,1);-ms-transition:-ms-transform 1s cubic-bezier(0.645,0.045,0.355,1);-o-transition:-o-transform 1s cubic-bezier(0.645,0.045,0.355,1);transition:transform 1s cubic-bezier(0.645,0.045,0.355,1)}.poster .poster-slide .poster-slide-bg{position:absolute;width:100%;height:112%;left:0;top:-6%;background-size:cover;background-repeat:no-repeat;background-position:center center;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:-webkit-transform 1s cubic-bezier(0.645,0.045,0.355,1);-moz-transition:-moz-transform 1s cubic-bezier(0.645,0.045,0.355,1);-ms-transition:-ms-transform 1s cubic-bezier(0.645,0.045,0.355,1);-o-transition:-o-transform 1s cubic-bezier(0.645,0.045,0.355,1);transition:transform 1s cubic-bezier(0.645,0.045,0.355,1)}.poster .poster-slide .poster-slide-overlay{position:absolute;width:100%;height:100%;top:0;left:0}.poster .poster-slide .poster-slide-content{position:absolute;width:100%;height:100%;top:0;left:0;text-align:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:-webkit-transform 1s cubic-bezier(0.645,0.045,0.355,1);-moz-transition:-moz-transform 1s cubic-bezier(0.645,0.045,0.355,1);-ms-transition:-ms-transform 1s cubic-bezier(0.645,0.045,0.355,1);-o-transition:-o-transform 1s cubic-bezier(0.645,0.045,0.355,1);transition:transform 1s cubic-bezier(0.645,0.045,0.355,1)}.poster .dot-navs{position:absolute;display:inline-block;width:100%;min-height:0;left:0;bottom:10px;text-align:center;white-space:normal;padding:10px 20px;line-height:0;z-index:2}.poster .dot-navs a{position:relative;display:inline-block;width:50px;height:30px;line-height:30px;font-size:0;margin:0 5px}.poster .dot-navs a .dot-nav-line{position:relative;display:inline-block;width:100%;height:3px;font-size:0;background-color:rgba(0,0,0,0.25);-webkit-transition:background-color .4s ease;-moz-transition:background-color .4s ease;-ms-transition:background-color .4s ease;-o-transition:background-color .4s ease;transition:background-color .4s ease}.poster .dot-navs a.round{width:14px}.poster .dot-navs a.round .dot-nav-line{top:3px;width:9px;height:9px;border-radius:1000px}.poster .dot-navs a.clickable{cursor:pointer}.poster .dot-navs a.selected .dot-nav-line{background-color:#fff}.poster .dot-navs a .dot-nav-line .dot-nav-line-prog{position:absolute;display:inline-block;width:0;height:100%;left:0;top:0;background-color:#fff;-webkit-transition:width 5s linear;-moz-transition:width 5s linear;-ms-transition:width 5s linear;-o-transition:width 5s linear;transition:width 5s linear}.poster .left-nav,.poster .right-nav{position:absolute;display:inline-block;width:100px;height:100%;top:0;text-align:center}.poster .left-nav:before,.poster .right-nav:before{content:"";position:relative;display:inline-block;width:0;height:100%;vertical-align:middle}.poster .left-nav{left:0}.poster .right-nav{right:0}.poster .left-nav .arrow-icon,.poster .right-nav .arrow-icon{position:relative;display:inline-block;width:72px;height:72px;font-size:0;border-radius:1000px;background-color:transparent;color:#fff;text-align:center;cursor:pointer;vertical-align:middle;margin-top:-36px;-webkit-transition:background-color .4s ease;-moz-transition:background-color .4s ease;-o-transition:background-color .4s ease;transition:background-color .4s ease}.poster .left-nav .arrow-icon span,.poster .right-nav .arrow-icon span{position:absolute;width:100%;height:72px;left:0;top:0;font-size:42px;line-height:72px;-webkit-transition:-webkit-transform .2s ease-in-out;-moz-transition:-moz-transform .2s ease-in-out;-o-transition:-o-transform .2s ease-in-out;transition:transform .2s ease-in-out}.poster .left-nav .arrow-icon span{margin-left:-2px}.poster .right-nav .arrow-icon span{margin-left:2px}.poster .left-nav .arrow-icon:hover,.poster .right-nav .arrow-icon:hover{background-color:rgba(0,0,0,0.5)}.poster .left-nav .arrow-icon:hover span{-webkit-transform:translate3d(-6px,0,0);-moz-transform:translate3d(-6px,0,0);-o-transform:translate3d(-6px,0,0);transform:translate3d(-6px,0,0)}.poster .right-nav .arrow-icon:hover span{-webkit-transform:translate3d(6px,0,0);-moz-transform:translate3d(6px,0,0);-o-transform:translate3d(6px,0,0);transform:translate3d(6px,0,0)}@media(max-width:960px){.poster .left-nav,.poster .right-nav{width:80px}}@media(max-width:600px){.poster .left-nav,.poster .right-nav{display:none}.poster .dot-navs a{width:40px}.poster .dot-navs a.round{width:8px}.poster .dot-navs a.round .dot-nav-line{top:3px;width:8px;height:8px;border-radius:1000px}}@media(max-width:480px){.poster .dot-navs a{width:32px;margin:0 4px}}