/* LayerSlider SR Skin */ .ls-florida { background: none; } .ls-florida .ls-playvideo { width: 50px; height: 50px; margin-left: -25px; margin-top: -25px; } .ls-florida .ls-playvideo, .ls-florida .ls-nav-sides, .ls-florida .ls-bottom-slidebuttons a, .ls-florida .ls-nav-prev, .ls-florida .ls-nav-next, .ls-florida .ls-nav-start, .ls-florida .ls-nav-stop { background-image: url("/statics/main/images/skin.png"); } .ls-florida .ls-playvideo { background-position: -300px -150px; } .ls-florida .ls-playvideo:hover, .ls-florida .ls-vpcontainer:hover .ls-playvideo { background-position: -375px -150px; } .ls-florida .ls-nav-prev { background-position: -8px 0px; } .ls-florida .ls-nav-next { background-position: -150px 0px; } .ls-florida .ls-nav-start { background-position: -300px 0px; } .ls-florida .ls-nav-start:hover, .ls-florida .ls-nav-start-active { background-position: -300px -75px; } .ls-florida .ls-nav-stop { background-position: -450px 0px; } .ls-florida .ls-nav-stop:hover, .ls-florida .ls-nav-stop-active { background-position: -450px -75px; } .ls-florida .ls-bottom-slidebuttons a { background-position: -375px 0px; } .ls-florida .ls-bottom-slidebuttons a.ls-nav-active, .ls-florida .ls-bottom-slidebuttons a:hover { background-position: -375px -74px; } .ls-florida .ls-nav-sideleft { background-position: -150px -150px; } .ls-florida .ls-nav-sideright { background-position: -225px -150px; } .ls-florida .ls-nav-prev, .ls-florida .ls-nav-next { width: 90px; height: 90px; z-index: 10000; bottom: 50%; margin-bottom: -40px; position: absolute; } .ls-florida .ls-nav-prev { left: 0px; } .ls-florida .ls-nav-next { right: 0px; } .ls-florida .ls-bottom-slidebuttons, .ls-florida .ls-bottom-slidebuttons a, .ls-florida .ls-nav-start, .ls-florida .ls-nav-stop, .ls-florida .ls-nav-sides { height: 20px; } .ls-florida .ls-bottom-slidebuttons, .ls-florida .ls-bottom-slidebuttons a, .ls-florida .ls-nav-start, .ls-florida .ls-nav-stop, .ls-florida .ls-nav-sides { display: inline-block; } .ls-florida .ls-bottom-slidebuttons, .ls-florida .ls-nav-start, .ls-florida .ls-nav-stop, .ls-florida .ls-nav-sides { top: -30px; } .ls-florida .ls-nav-start, .ls-florida .ls-nav-stop { width: 25px; } .ls-florida .ls-bottom-slidebuttons a { width: 33px; } .ls-florida .ls-nav-sides { width: 0px; } .ls-florida .ls-thumbnail-hover { bottom: 30px; padding: 2px; margin-left: 1px; } .ls-florida .ls-thumbnail-hover-bg { background: #eee; } .ls-florida .ls-thumbnail-hover span { border: 5px solid #eee; margin-left: -5px; } .ls-florida .ls-thumbnail { top: 10px; } .ls-florida .ls-thumbnail-inner { padding: 2px; margin-left: -2px; background: #fff; } .ls-florida .ls-thumbnail-slide a { margin-right: 2px; } .ls-florida .ls-nothumb { background: #eee; } .global-nav-title { margin-bottom: 22px; display: inline-block; visibility: visible; } .global-nav-initializer { width: 38px; height: 34px; float: right; position: relative; background: white; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .global-nav-initializer:hover { opacity: .7; } .global-nav-initializer .line { width: 22px; height: 2px; background: 2px; left: 8px; position: absolute; background: #222222; background: rgba(34, 34, 34, 0.8); -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .global-nav-initializer .line.top { top: 8px; } .global-nav-initializer .line.mid { top: 16px; } .global-nav-initializer .line.bottom { top: 24px; } .openday-page .global-nav-initializer { background: #ececd9; } .openday-page .global-nav-initializer .line { background: #222222; background: rgba(34, 34, 34, 0.8); } .article-single-page .global-nav-initializer, .global-nav-initializer.black { background: #222222; } .openday-page .article-single-page .global-nav-initializer, .openday-page .global-nav-initializer.black { background: #311e06; border-color: #311e06; } .article-single-page .global-nav-initializer .line, .global-nav-initializer.black .line { background: white; background: rgba(255, 255, 255, 0.8); } .openday-page .article-single-page .global-nav-initializer .line, .openday-page .global-nav-initializer.black .line { background: #ececd9; background: rgba(236, 236, 217, 0.8); } .active .global-nav-initializer { background: white !important; } .active .global-nav-initializer .line { background: #222222 !important; background: rgba(34, 34, 34, 0.8) !important; } .active .global-nav-initializer .line.top { -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0); -moz-transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0); -ms-transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0); -o-transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0); transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0); } .active .global-nav-initializer .line.mid { -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); } .active .global-nav-initializer .line.bottom { -webkit-transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0); -moz-transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0); -ms-transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0); -o-transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0); transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0); } .overlay-active.black .global-nav-initializer { background: #222222; } .overlay-active.black .global-nav-initializer .line { background: white; } .overlay-active.black .global-nav-initializer .line.top { -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0); -moz-transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0); -ms-transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0); -o-transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0); transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0); } .overlay-active.black .global-nav-initializer .line.mid { -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); } .overlay-active.black .global-nav-initializer .line.bottom { -webkit-transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0); -moz-transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0); -ms-transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0); -o-transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0); transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0); } .openday-page .overlay-active.black .global-nav-initializer { background: #311e06; } .overlay-active.white .global-nav-initializer { background: white; } .overlay-active.white .global-nav-initializer .line { background: #222222; background: rgba(34, 34, 34, 0.8); } .overlay-active.white .global-nav-initializer .line.top { -webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0); -moz-transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0); -ms-transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0); -o-transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0); transform: rotate3d(0, 0, 1, -45deg) translate3d(-6px, 6px, 0); } .overlay-active.white .global-nav-initializer .line.mid { -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0); -o-transform: scaleX(0); transform: scaleX(0); } .overlay-active.white .global-nav-initializer .line.bottom { -webkit-transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0); -moz-transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0); -ms-transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0); -o-transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0); transform: rotate3d(0, 0, 1, 45deg) translate3d(-5px, -5px, 0); } .openday-page .overlay-active.white .global-nav-initializer { background: #ececd9; } .overlay-active.black .global-nav-initializer.without-transform { background: url("/statics/main/images/close-modal-black.png") !important; background-repeat: no-repeat; background-position: center; } .overlay-active.black .global-nav-initializer.without-transform .line { display: none; } .overlay-active.white .global-nav-initializer.without-transform, .active .global-nav-initializer.without-transform { background: url("/statics/main/images/close-modal-white.png") !important; background-repeat: no-repeat; background-position: center; } .overlay-active.white .global-nav-initializer.without-transform .line, .active .global-nav-initializer.without-transform .line { display: none; } .global-nav { min-height: 650px; height: 100%; width: 100%; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; z-index: 1001; color: white; text-align: right; visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .global-nav .global-nav-inner { position: absolute; top: 60px; right: 60px; } .global-nav .bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0); background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 40%, rgba(0, 0, 0, 0.7) 100%); background-image: linear-gradient(to top,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 40%, rgba(0, 0, 0, 0.7) 100%); -webkit-transition: 0.4s ease; -moz-transition: 0.4s ease; -ms-transition: 0.4s ease; -o-transition: 0.4s ease; transition: 0.4s ease; opacity: 0; z-index: -1; } .global-nav .global-nav-item { opacity: 0; visibility: hidden; -webkit-transform: translate3d(0, -5px, 0); -moz-transform: translate3d(0, -5px, 0); -ms-transform: translate3d(0, -5px, 0); -o-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } .global-nav .global-nav-item + .global-nav-item { margin-top: 8px; } .global-nav .global-nav-item:first-child { -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -ms-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; } .global-nav .global-nav-item:nth-child(2) { -webkit-transition: 0.2s 0.03s ease; -moz-transition: 0.2s 0.03s ease; -ms-transition: 0.2s 0.03s ease; -o-transition: 0.2s 0.03s ease; transition: 0.2s 0.03s ease; } .global-nav .global-nav-item:nth-child(3) { -webkit-transition: 0.2s 0.06s ease; -moz-transition: 0.2s 0.06s ease; -ms-transition: 0.2s 0.06s ease; -o-transition: 0.2s 0.06s ease; transition: 0.2s 0.06s ease; } .global-nav .global-nav-item:nth-child(4) { -webkit-transition: 0.2s 0.09s ease; -moz-transition: 0.2s 0.09s ease; -ms-transition: 0.2s 0.09s ease; -o-transition: 0.2s 0.09s ease; transition: 0.2s 0.09s ease; } .global-nav .global-nav-item:nth-child(5) { -webkit-transition: 0.2s 0.12s ease; -moz-transition: 0.2s 0.12s ease; -ms-transition: 0.2s 0.12s ease; -o-transition: 0.2s 0.12s ease; transition: 0.2s 0.12s ease; } .global-nav .global-nav-item:nth-child(6) { -webkit-transition: 0.2s 0.15s ease; -moz-transition: 0.2s 0.15s ease; -ms-transition: 0.2s 0.15s ease; -o-transition: 0.2s 0.15s ease; transition: 0.2s 0.15s ease; } .global-nav .global-nav-item:nth-child(7) { -webkit-transition: 0.2s 0.18s ease; -moz-transition: 0.2s 0.18s ease; -ms-transition: 0.2s 0.18s ease; -o-transition: 0.2s 0.18s ease; transition: 0.2s 0.18s ease; } .global-nav .global-nav-item:nth-child(8) { -webkit-transition: 0.2s 0.21s ease; -moz-transition: 0.2s 0.21s ease; -ms-transition: 0.2s 0.21s ease; -o-transition: 0.2s 0.21s ease; transition: 0.2s 0.21s ease; } .global-nav .global-nav-item:nth-child(9) { -webkit-transition: 0.2s 0.24s ease; -moz-transition: 0.2s 0.24s ease; -ms-transition: 0.2s 0.24s ease; -o-transition: 0.2s 0.24s ease; transition: 0.2s 0.24s ease; } .global-nav .global-nav-item.weixin { margin-top: 45px; } .global-nav .global-nav-link { font-size: 30px; color: white; } .global-nav .global-nav-link:hover { opacity: .5; } .global-nav .weixin-qrcode { margin: 15px 0 0 auto; } .global-nav.active { visibility: visible; } .global-nav.active .bg { opacity: 1; } .global-nav.active .global-nav-item { opacity: 1; visibility: visible; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .global-nav.overlay-active { visibility: visible; width: auto; height: auto; min-height: 0; right: 0; } .global-nav.overlay-active .global-nav-title { margin: 0; } .global-nav.overlay-active ul, .global-nav.overlay-active .bg { display: none; } .oldie .global-nav .bg { background: #222; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); }