/*! * FooBox - A jQuery plugin for responsive lightboxes * @version 2.1.3 * @link http://fooplugins.com/plugins/foobox-jquery * @copyright Steven Usher & Brad Vincent 2014 * @license Released under the MIT license. * You are free to use FooBox jQuery in personal projects as long as this copyright header is left intact. */.fbx-close:hover, .fbx-credit a, .fbx-next:hover, .fbx-prev:hover { text-decoration: none } .fbx-modal, .fbx-modal * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box } .fbx-modal { position: fixed; top: 0; left: 0; z-index: 9000001; visibility: hidden; width: 100%; height: 100%; font-family: "Segoe UI", Helvetica, Arial, "Sans Serif"; line-height: normal; outline: 0!important } .fbx-modal.fbx-loading, .fbx-modal.fbx-show { visibility: visible } .fbx-inner-spacer { display: none; padding: 40px } .fbx-inner, .fbx-loader { position: absolute; top: 50%; left: 50% } .fbx-inner { visibility: hidden; overflow: visible!important; margin-top: -5px; margin-left: -5px; min-width: 100px; min-height: 100px; width: 100px; height: 100px; z-index: 100002 } .fbx-show .fbx-inner { visibility: visible } .fbx-loader { visibility: hidden; z-index: 100005; margin-top: -40px; margin-left: -40px; width: 80px; height: 80px; -moz-box-shadow: 0 0 3px #000; -moz-box-shadow: 0 0 3px rgba(0,0,0,.4); -webkit-box-shadow: 0 0 3px #000; -webkit-box-shadow: 0 0 3px rgba(0,0,0,.4); box-shadow: 0 0 3px #000; box-shadow: 0 0 3px rgba(0,0,0,.4) } .fbx-loading .fbx-loader { visibility: visible } .fbx-loader>div { margin: 10px; width: 60px; height: 60px } .fbx-item-current, .fbx-item-next, .fbx-stage { top: 0; left: 0; margin: 0; width: 100%; height: 100%; padding: 0; outline: 0; position: absolute; border: none } .fbx-stage { overflow: hidden } .fbx-item-current, .fbx-item-next { -webkit-user-drag: none; overflow: auto } .fbx-loading .fbx-item-current, .fbx-loading .fbx-item-next { overflow: hidden } .fbx-item-next { z-index: 100001 } .fbx-item-current { z-index: 100002 } .fbx-error-msg { width: 200px; height: 200px; position: absolute; top: 50%; left: 50%; margin-top: -100px; margin-left: -100px } .fbx-error-msg>span { line-height: 200px; width: 100%; height: 100%; display: block } .fbx-error-msg>p { position: absolute; top: 100%; text-align: center; width: 100%; margin: 0 } .fbx-item-iframe, .fbx-item-image, .fbx-item-video { margin: 0; padding: 0; width: 100%; height: 100%; outline: 0; border: none; display: block } .fbx-item-video>.fbx-video { background-color: #000 } .fbx-ios .fbx-item-current { -webkit-overflow-scrolling: touch!important; overflow: auto!important } .fbx-close, .fbx-next, .fbx-prev { position: absolute; z-index: 100006; display: block; outline: 0!important; text-decoration: none; cursor: pointer } .fbx-no-buttons .fbx-next, .fbx-no-buttons .fbx-prev { display: none!important } .fbx-phone .fbx-count, .fbx-phone .fbx-credit em, .fbx-phone.fbx-landscape.fbx-no-nav .fbx-next, .fbx-phone.fbx-landscape.fbx-no-nav .fbx-prev, .fbx-rounded .fbx-next.fbx-disabled, .fbx-rounded .fbx-prev.fbx-disabled { display: none } .fbx-credit { position: absolute; z-index: 100003; text-transform: lowercase; font-size: 10px } .fbx-credit em { font-style: normal; font-size: 10px } .fbx-credit a { font-size: 10px } .fbx-credit a:hover span { text-decoration: underline } .fbx-credit a span { letter-spacing: 1px; font-size: 10px; color: #fff } .fbx-count { position: absolute; z-index: 100002; width: 100%; text-align: center; font-size: 10px } .fbx-btn-transition, .fbx-btn-transition:before { -webkit-transition-property: color, border-color, opacity, -webkit-box-shadow; -moz-transition-property: color, border-color, opacity, -moz-box-shadow; -o-transition-property: color, border-color, opacity, -o-box-shadow; transition-property: color, border-color, opacity, box-shadow; -webkit-transition-duration: .2s, .2s, .2s, .2s; -moz-transition-duration: .2s, .2s, .2s, .2s; -o-transition-duration: .2s, .2s, .2s, .2s; transition-duration: .2s, .2s, .2s, .2s; -webkit-transition-timing-function: ease-in, linear, ease-in, ease-in; -moz-transition-timing-function: ease-in, linear, ease-in, ease-in; -o-transition-timing-function: ease-in, linear, ease-in, ease-in; transition-timing-function: ease-in, linear, ease-in, ease-in; outline: 0 } .fbx-modal.fbx-phone .fbx-inner { border: none } .fbx-modal.fbx-phone .fbx-close, .fbx-modal.fbx-phone .fbx-next, .fbx-modal.fbx-phone .fbx-prev { position: fixed } .fbx-modal.fbx-phone .fbx-prev { border-radius: 0 6px 6px 0 } .fbx-modal.fbx-phone .fbx-next { border-radius: 6px 0 0 6px } .fbx-modal.fbx-phone .fbx-close { top: 0; right: 0; opacity: .5; border-radius: 0 0 0 25%; -webkit-border-bottom-left-radius: 25%; -moz-border-radius-bottomleft: 25% } .fbx-modal.fbx-phone .fbx-close:hover { opacity: 1 } .fbx-modal.fbx-phone .fbx-credit { bottom: 2px; left: 2px } .fbx-modal.fbx-phone.fbx-portrait .fbx-inner-spacer { padding: 35px 5px 15px } .fbx-modal.fbx-phone.fbx-portrait .fbx-close, .fbx-modal.fbx-phone.fbx-portrait .fbx-next, .fbx-modal.fbx-phone.fbx-portrait .fbx-prev { border: none; opacity: 1; margin: 0; top: 0; bottom: auto; width: auto; height: 40px; border-radius: 0; line-height: 40px } .fbx-modal.fbx-phone.fbx-portrait .fbx-prev { left: 0; right: 66% } .fbx-modal.fbx-phone.fbx-portrait .fbx-next { left: 33%; right: 33% } .fbx-modal.fbx-phone.fbx-portrait .fbx-close { left: 66%; right: 0 } .fbx-modal.fbx-phone.fbx-portrait.fbx-no-buttons .fbx-close { left: 0; right: 0 } .fbx-modal.fbx-phone.fbx-landscape { border-right-width: 46px; border-right-style: solid; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .fbx-modal.fbx-phone.fbx-landscape .fbx-inner-spacer { padding: 5px } .fbx-modal.fbx-phone.fbx-landscape .fbx-close, .fbx-modal.fbx-phone.fbx-landscape .fbx-next, .fbx-modal.fbx-phone.fbx-landscape .fbx-prev { bottom: auto; left: auto; right: 1px; width: 44px; height: 44px; line-height: 44px; border: none; opacity: 1; margin: 0; border-radius: 0 } .fbx-modal.fbx-phone.fbx-landscape .fbx-close { top: 0; height: 60px } .fbx-modal.fbx-phone.fbx-landscape .fbx-prev { top: 62px } .fbx-modal.fbx-phone.fbx-landscape .fbx-next { top: 108px } @font-face { font-family: foobox; src: url(font/foobox.eot); src: url(font/foobox.eot?#iefix) format('embedded-opentype'), url(font/foobox.woff) format('woff'), url(font/foobox.ttf) format('truetype'), url(font/foobox.svg#foobox) format('svg'); font-weight: 400; font-style: normal } @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: foobox; src: url(font/foobox.svg#foobox) format('svg'); font-weight: 400; font-style: normal } } .fbx-modal .fbx-error-msg>span, .fbx-modal .fbx-loader>div, .fbx-modal a.fbx-close, .fbx-modal a.fbx-next, .fbx-modal a.fbx-prev { font-family: foobox; font-size: 16px; font-weight: 400; text-align: center; outline: 0; -webkit-font-smoothing: antialiased } .fbx-modal .fbx-loader>div { font-size: 300%; line-height: 60px } .fbx-modal.fbx-loading .fbx-loader>div { -webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; -ms-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear } .fbx-modal .fbx-error-msg>span { font-size: 1000% } .fbx-modal .fbx-error-msg>span:before { content: "\e028" } .fbx-close:before { content: "\e002" } .fbx-prev:before { content: "\e000" } .fbx-next:before { content: "\e001" } .fbx-loader>div:before { content: "\e012" } @-moz-keyframes spin { 0% { -moz-transform:rotate(0) } 100% { -moz-transform:rotate(359deg) } } @-webkit-keyframes spin { 0% { -webkit-transform:rotate(0) } 100% { -webkit-transform:rotate(359deg) } } @-o-keyframes spin { 0% { -o-transform:rotate(0) } 100% { -o-transform:rotate(359deg) } } @-ms-keyframes spin { 0% { -ms-transform:rotate(0) } 100% { -ms-transform:rotate(359deg) } } @keyframes spin { 0% { transform:rotate(0) } 100% { transform:rotate(359deg) } } .fbx-rounded .fbx-prev.fbx-btn-shadow, .fbx-rounded .fbx-prev.fbx-btn-shadow:hover { -moz-box-shadow: -2px 0 2px #000; -moz-box-shadow: -2px 0 2px rgba(0,0,0,.8); -webkit-box-shadow: -2px 0 2px #000; -webkit-box-shadow: -2px 0 2px rgba(0,0,0,.8); box-shadow: -2px 0 2px #000; box-shadow: -2px 0 2px rgba(0,0,0,.8) } .fbx-rounded .fbx-next.fbx-btn-shadow, .fbx-rounded .fbx-next.fbx-btn-shadow:hover { -moz-box-shadow: 2px 0 2px #000; -moz-box-shadow: 2px 0 2px rgba(0,0,0,.8); -webkit-box-shadow: 2px 0 2px #000; -webkit-box-shadow: 2px 0 2px rgba(0,0,0,.8); box-shadow: 2px 0 2px #000; box-shadow: 2px 0 2px rgba(0,0,0,.8) } .fbx-fullscreen-mode .fbx-btn-shadow, .fbx-fullscreen-mode .fbx-next.fbx-btn-shadow, .fbx-fullscreen-mode .fbx-prev.fbx-btn-shadow, .fbx-inner-shadow, .fbx-rounded .fbx-btn-shadow, .fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-next.fbx-btn-shadow:before, .fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-prev.fbx-btn-shadow:before, .fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-next.fbx-btn-shadow:before, .fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-prev.fbx-btn-shadow:before, .fbx-sticky-buttons .fbx-next.fbx-btn-shadow, .fbx-sticky-buttons .fbx-prev.fbx-btn-shadow { -moz-box-shadow: 0 0 12px #000; -moz-box-shadow: 0 0 12px rgba(0,0,0,.8); -webkit-box-shadow: 0 0 12px #000; -webkit-box-shadow: 0 0 12px rgba(0,0,0,.8); box-shadow: 0 0 12px #000; box-shadow: 0 0 12px rgba(0,0,0,.8) } .fbx-fullscreen-mode .fbx-btn-shadow:hover, .fbx-fullscreen-mode .fbx-next.fbx-btn-shadow:hover, .fbx-fullscreen-mode .fbx-prev.fbx-btn-shadow:hover, .fbx-rounded .fbx-btn-shadow:hover, .fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-next.fbx-btn-shadow:hover:before, .fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-prev.fbx-btn-shadow:hover:before, .fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-next.fbx-btn-shadow:hover:before, .fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-prev.fbx-btn-shadow:hover:before, .fbx-sticky-buttons .fbx-next.fbx-btn-shadow:hover, .fbx-sticky-buttons .fbx-prev.fbx-btn-shadow:hover { -moz-box-shadow: 0 0 6px #000; -moz-box-shadow: 0 0 6px rgba(0,0,0,.8); -webkit-box-shadow: 0 0 6px #000; -webkit-box-shadow: 0 0 6px rgba(0,0,0,.8); box-shadow: 0 0 6px #000; box-shadow: 0 0 6px rgba(0,0,0,.8) } .fbx-modal.fbx-phone.fbx-fullscreen-mode .fbx-btn-shadow, .fbx-modal.fbx-phone.fbx-fullscreen-mode .fbx-next.fbx-btn-shadow, .fbx-modal.fbx-phone.fbx-fullscreen-mode .fbx-prev.fbx-btn-shadow, .fbx-modal.fbx-phone.fbx-rounded .fbx-btn-shadow, .fbx-modal.fbx-phone.fbx-rounded.fbx-inset-buttons .fbx-next.fbx-btn-shadow:before, .fbx-modal.fbx-phone.fbx-rounded.fbx-inset-buttons .fbx-prev.fbx-btn-shadow:before, .fbx-modal.fbx-phone.fbx-sticky-buttons .fbx-next.fbx-btn-shadow, .fbx-modal.fbx-phone.fbx-sticky-buttons .fbx-prev.fbx-btn-shadow, .fbx-rounded.fbx-inset-buttons .fbx-next.fbx-btn-shadow, .fbx-rounded.fbx-inset-buttons .fbx-prev.fbx-btn-shadow { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .fbx-rounded .fbx-inner { border: 8px solid transparent; border-radius: 6px } .fbx-rounded .fbx-item-current, .fbx-rounded .fbx-item-image, .fbx-rounded .fbx-item-next { border-radius: 3px } .fbx-rounded .fbx-loader, .fbx-rounded .fbx-loader>div { border-radius: 50% } .fbx-rounded .fbx-error-msg { margin-top: -115px } .fbx-rounded .fbx-close { top: -21px; right: -21px; width: 28px; height: 28px; line-height: 28px; border: 3px solid transparent; border-radius: 50% } .fbx-rounded .fbx-next, .fbx-rounded .fbx-prev { position: absolute; top: 50%; margin-top: -50px; width: 30px; height: 100px; line-height: 100px; border: 3px solid transparent } .fbx-rounded .fbx-prev { left: -40px; border-radius: 6px 0 0 6px } .fbx-rounded .fbx-next { right: -40px; border-radius: 0 6px 6px 0 } .fbx-rounded.fbx-phone .fbx-next.fbx-disabled, .fbx-rounded.fbx-phone .fbx-prev.fbx-disabled { display: block; cursor: default } .fbx-rounded.fbx-phone .fbx-next.fbx-disabled:before, .fbx-rounded.fbx-phone .fbx-prev.fbx-disabled:before { opacity: 0 } .fbx-rounded.fbx-desktop .fbx-next, .fbx-rounded.fbx-desktop .fbx-prev { position: absolute } .fbx-rounded .fbx-count, .fbx-rounded .fbx-credit { bottom: -25px } .fbx-rounded.fbx-sticky-buttons .fbx-next, .fbx-rounded.fbx-sticky-buttons .fbx-prev { position: fixed; top: 50%; margin-top: -50px; width: 40px; height: 100px; line-height: 100px } .fbx-rounded.fbx-sticky-buttons .fbx-prev { left: 0; border-radius: 0 6px 6px 0 } .fbx-rounded.fbx-sticky-buttons .fbx-next { right: 0; border-radius: 6px 0 0 6px } .fbx-rounded.fbx-sticky-buttons.fbx-full-buttons .fbx-inner-spacer { padding: 40px 60px } .fbx-rounded.fbx-phone.fbx-portrait.fbx-sticky-buttons.fbx-full-buttons .fbx-inner-spacer { padding: 35px 5px 15px } .fbx-rounded.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-inner-spacer { padding: 5px } .fbx-rounded.fbx-sticky-buttons.fbx-full-buttons .fbx-next, .fbx-rounded.fbx-sticky-buttons.fbx-full-buttons .fbx-prev { top: 0; bottom: 0; border-radius: 0; width: 4%; min-width: 45px; height: auto; opacity: .3 } .fbx-rounded.fbx-sticky-buttons.fbx-full-buttons .fbx-next:hover, .fbx-rounded.fbx-sticky-buttons.fbx-full-buttons .fbx-prev:hover { opacity: 1 } .fbx-rounded.fbx-sticky-buttons.fbx-full-buttons .fbx-next:before, .fbx-rounded.fbx-sticky-buttons.fbx-full-buttons .fbx-prev:before { position: fixed; width: 4%; min-width: 45px; height: 30px; line-height: 30px; top: 50%; margin-top: -15px } .fbx-rounded.fbx-sticky-buttons.fbx-full-buttons .fbx-prev, .fbx-rounded.fbx-sticky-buttons.fbx-full-buttons .fbx-prev:before { left: 0; right: auto } .fbx-rounded.fbx-sticky-buttons.fbx-full-buttons .fbx-next, .fbx-rounded.fbx-sticky-buttons.fbx-full-buttons .fbx-next:before { left: auto; right: 0 } .fbx-rounded.fbx-phone.fbx-sticky-buttons.fbx-full-buttons .fbx-next:before, .fbx-rounded.fbx-phone.fbx-sticky-buttons.fbx-full-buttons .fbx-prev:before { position: relative; width: auto; min-width: 0; height: auto; line-height: inherit; top: auto; margin-top: auto } .fbx-rounded.fbx-phone.fbx-sticky-buttons.fbx-full-buttons .fbx-next, .fbx-rounded.fbx-phone.fbx-sticky-buttons.fbx-full-buttons .fbx-prev { top: 0; bottom: auto; border-radius: 0; width: auto; min-width: 0; height: auto; opacity: 1 } .fbx-modal.fbx-rounded.fbx-phone.fbx-portrait.fbx-sticky-buttons.fbx-full-buttons .fbx-prev { left: 0; right: 66% } .fbx-modal.fbx-rounded.fbx-phone.fbx-portrait.fbx-sticky-buttons.fbx-full-buttons .fbx-next { left: 33%; right: 33% } .fbx-modal.fbx-rounded.fbx-phone.fbx-portrait.fbx-sticky-buttons.fbx-full-buttons .fbx-close { left: 66%; right: 0 } .fbx-modal.fbx-rounded.fbx-phone.fbx-portrait.fbx-no-buttons.fbx-sticky-buttons.fbx-full-buttons .fbx-close { left: 0; right: 0 } .fbx-rounded.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-next, .fbx-rounded.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-prev { top: 50%; bottom: auto; width: 34px; height: 80px; opacity: .5 } .fbx-rounded.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-next:hover, .fbx-rounded.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-prev:hover { opacity: 1 } .fbx-rounded.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-prev { border-radius: 0 6px 6px 0 } .fbx-rounded.fbx-phone.fbx-landscape.fbx-sticky-buttons.fbx-full-buttons .fbx-next { border-radius: 6px 0 0 6px } .fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-next, .fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-prev, .fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-next, .fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-prev { z-index: 100003; position: absolute; top: 0; bottom: 0; height: 100%; width: 25%; margin: 0; border-radius: 0; background-color: transparent; box-sizing: border-box } .fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-prev, .fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-prev { left: 0 } .fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-next, .fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-next { right: 0 } .fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-next:before, .fbx-rounded.fbx-inset-buttons.fbx-desktop .fbx-prev:before, .fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-next:before, .fbx-rounded.fbx-inset-buttons.fbx-tablet .fbx-prev:before { width: 28px; height: 28px; border-radius: 50%; position: absolute; top: 50%; margin-top: -14px; line-height: 28px; border-width: 3px; border-style: solid; opacity: 0 } .fbx-rounded.fbx-inset-buttons .fbx-prev:before { left: 10px } .fbx-rounded.fbx-inset-buttons .fbx-next:before { right: 10px } .fbx-rounded.fbx-inset-buttons .fbx-next:hover:before, .fbx-rounded.fbx-inset-buttons .fbx-prev:hover:before { opacity: 1 } .fbx-light, .fbx-light .fbx-caption, .fbx-light.fbx-phone .fbx-social { background-color: #000; background-color: rgba(0,0,0,.7) } .fbx-ie7.fbx-light, .fbx-ie7.fbx-light .fbx-caption, .fbx-ie8.fbx-light, .fbx-ie8.fbx-light .fbx-caption, .fbx-ie8.fbx-light.fbx-phone .fbx-social { background: 0 0; -ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#26ffffff,endColorstr=#26ffffff)'; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000, endColorstr=#B2000000); zoom: 1 } .fbx-light .fbx-progress { background-color: #838383; background-color: rgba(255,255,255,.5) } .fbx-fullscreen-mode.fbx-light { background-color: #d3d3d3 } .fbx-light .fbx-caption, .fbx-light .fbx-inner, .fbx-light .fbx-social, .fbx-light.fbx-inset-buttons .fbx-next:before, .fbx-light.fbx-inset-buttons .fbx-prev:before, .fbx-light.fbx-modal, .fbx-modal.fbx-light.fbx-phone .fbx-close:hover, .fbx-modal.fbx-light.fbx-phone .fbx-fullscreen-toggle:hover, .fbx-modal.fbx-light.fbx-phone .fbx-next:hover, .fbx-modal.fbx-light.fbx-phone .fbx-pause:hover, .fbx-modal.fbx-light.fbx-phone .fbx-play:hover, .fbx-modal.fbx-light.fbx-phone .fbx-prev:hover, .fbx-modal.fbx-light.fbx-phone .fbx-social-toggle:hover, .fbx-rounded.fbx-light .fbx-close, .fbx-rounded.fbx-light .fbx-fullscreen-toggle, .fbx-rounded.fbx-light .fbx-pause, .fbx-rounded.fbx-light .fbx-play, .fbx-rounded.fbx-light .fbx-social-toggle { border-color: #FFF } .fbx-light .fbx-close, .fbx-light .fbx-fullscreen-toggle, .fbx-light .fbx-inner, .fbx-light .fbx-loader, .fbx-light .fbx-next, .fbx-light .fbx-pause, .fbx-light .fbx-play, .fbx-light .fbx-prev, .fbx-light .fbx-social-toggle, .fbx-light.fbx-inset-buttons .fbx-next:before, .fbx-light.fbx-inset-buttons .fbx-prev:before { background-color: #FFF } .fbx-light .fbx-close, .fbx-light .fbx-error-msg, .fbx-light .fbx-fullscreen-toggle, .fbx-light .fbx-loader, .fbx-light .fbx-next, .fbx-light .fbx-pause, .fbx-light .fbx-play, .fbx-light .fbx-prev, .fbx-light .fbx-social-toggle, .fbx-light.fbx-inset-buttons .fbx-next:before, .fbx-light.fbx-inset-buttons .fbx-prev:before, .fbx-metro.fbx-light .fbx-count, .fbx-metro.fbx-light .fbx-credit a { color: #666!important } .fbx-light .fbx-close:hover, .fbx-light .fbx-fullscreen-toggle:hover, .fbx-light .fbx-next:hover, .fbx-light .fbx-pause:hover, .fbx-light .fbx-play:hover, .fbx-light .fbx-prev:hover, .fbx-light .fbx-social-toggle:hover, .fbx-light.fbx-inset-buttons .fbx-next:hover:before, .fbx-light.fbx-inset-buttons .fbx-prev:hover:before, .fbx-metro.fbx-light .fbx-credit a:hover { color: #bababa!important } .fbx-metro.fbx-light .fbx-close:hover, .fbx-metro.fbx-light .fbx-fullscreen-toggle:hover, .fbx-metro.fbx-light .fbx-next:hover, .fbx-metro.fbx-light .fbx-pause:hover, .fbx-metro.fbx-light .fbx-play:hover, .fbx-metro.fbx-light .fbx-prev:hover, .fbx-metro.fbx-light .fbx-social-toggle:hover { border-color: #bababa } .fbx-rounded.fbx-light .fbx-count, .fbx-rounded.fbx-light .fbx-credit a { color: #888 } .fbx-rounded.fbx-light .fbx-credit a:hover span { color: #ddd } .fbx-light .fbx-caption { color: #FFF } .fbx-light .fbx-caption-desc, .fbx-light .fbx-caption-desc a { color: #eee } .fbx-light .fbx-item-current::-webkit-scrollbar { width:12px; height:12px } .fbx-light .fbx-item-current::-webkit-scrollbar-track { background:rgba(0,0,0,.1) } .fbx-light .fbx-item-current::-webkit-scrollbar-thumb { background:rgba(0,0,0,.5) } .fbx-light .fbx-item-current::-webkit-scrollbar, .fbx-light .fbx-item-next::-webkit-scrollbar { width:12px; height:12px } .fbx-light .fbx-item-current::-webkit-scrollbar-track, .fbx-light .fbx-item-next::-webkit-scrollbar-track { background:rgba(0,0,0,.1) } .fbx-light .fbx-item-current::-webkit-scrollbar-corner, .fbx-light .fbx-item-current::-webkit-scrollbar-thumb, .fbx-light .fbx-item-next::-webkit-scrollbar-corner, .fbx-light .fbx-item-next::-webkit-scrollbar-thumb { background:rgba(0,0,0,.3) } .fbx-caption { position: absolute; top: auto; right: auto; bottom: 0; left: 0; z-index: 100004; overflow: hidden; width: 100%; text-align: center; font-size: 14px } .fbx-fullscreen-mode .fbx-caption, .fbx-sticky-caption .fbx-caption { position: fixed; z-index: 100007 } .fbx-rounded .fbx-caption { border-radius: 0 0 3px 3px } .fbx-modal.fbx-phone .fbx-caption, .fbx-sticky-caption.fbx-rounded .fbx-caption { border-radius: 0 } .fbx-close-overlays { position: absolute; top: 0; right: 0; padding: 3px 3px 10px 10px; color: #FFF; font-size: 24px; text-decoration: none; line-height: 20px } .fbx-caption-title { font-size: 15px; padding: 15px; display:none; } .fbx-caption-desc { font-size: 12px; line-height: 20px; padding: 15px } .fbx-caption-desc a { font-size: 12px } .fbx-caption-title+.fbx-caption-desc { margin-top: -30px } .fbx-phone .fbx-caption { min-height: 20px; font-size: 12px; line-height: 20px } .fbx-phone .fbx-caption-title { font-size: 13px; padding: 10px } .fbx-phone .fbx-caption-desc { font-size: 11px; line-height: 15px; padding: 10px } .fbx-phone .fbx-caption-title+.fbx-caption-desc { margin-top: -20px } .fbx-modal.fbx-phone .fbx-caption { z-index: 100004; bottom: 0; position: fixed } .fbx-modal.fbx-phone.fbx-landscape .fbx-caption, .fbx-phone.fbx-landscape.fbx-sticky-caption .fbx-caption { z-index: 100004 } .fbx-modal.fbx-phone.fbx-landscape .fbx-caption { border-right-width: 46px; border-right-style: solid; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .fbx-ie7 .fbx-close { zoom:expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e002') } .fbx-ie7 .fbx-prev { zoom:expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e000') } .fbx-ie7 .fbx-next { zoom:expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e001') } .fbx-ie7.fbx-arrows-1 .fbx-prev { zoom:expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e01b') } .fbx-ie7.fbx-arrows-1 .fbx-next { zoom:expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e01c') } .fbx-ie7.fbx-arrows-2 .fbx-prev { zoom:expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e01d') } .fbx-ie7.fbx-arrows-2 .fbx-next { zoom:expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e01e') } .fbx-ie7.fbx-arrows-3 .fbx-prev { zoom:expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e01f') } .fbx-ie7.fbx-arrows-3 .fbx-next { zoom:expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e020') } .fbx-ie7.fbx-arrows-4 .fbx-prev { zoom:expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e021') } .fbx-ie7.fbx-arrows-4 .fbx-next { zoom:expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e022') } .fbx-ie7.fbx-arrows-5 .fbx-prev { zoom:expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e023') } .fbx-ie7.fbx-arrows-5 .fbx-next { zoom:expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e024') } .fbx-ie7.fbx-arrows-6 .fbx-prev { zoom:expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e025') } .fbx-ie7.fbx-arrows-6 .fbx-next { zoom:expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e026') } .fbx-ie7 .fbx-play { zoom:expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e003') } .fbx-ie7 .fbx-pause { zoom:expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e004') } .fbx-ie7 .fbx-fullscreen-toggle { zoom:expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e00e') } .fbx-fullscreen-mode.fbx-ie7 .fbx-fullscreen-toggle { zoom:expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e00d') } .fbx-ie7 .fbx-loader>div { zoom:expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e012') } .fbx-ie7.fbx-spinner-1 .fbx-loader>div { zoom:expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e005') } .fbx-ie7.fbx-spinner-2 .fbx-loader>div { zoom:expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e011') } .fbx-ie7.fbx-spinner-3 .fbx-loader>div { zoom:expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e027') } .fbx-ie7.fbx-spinner-4 .fbx-loader>div { zoom:expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e013') } .fbx-ie7.fbx-spinner-5 .fbx-loader>div { zoom:expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e014') } .fbx-ie7.fbx-spinner-6 .fbx-loader>div { zoom:expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e015') } .fbx-ie7.fbx-spinner-7 .fbx-loader>div { zoom:expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e016') } .fbx-ie7.fbx-spinner-8 .fbx-loader>div { zoom:expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e017') } .fbx-ie7.fbx-spinner-9 .fbx-loader>div { zoom:expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e018') } .fbx-ie7.fbx-spinner-10 .fbx-loader>div { zoom:expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e019') } .fbx-ie7.fbx-spinner-11 .fbx-loader>div { zoom:expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e01a') } .fbx-ie7 .fbx-facebook { zoom:expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e00a') } .fbx-ie7 .fbx-google-plus { zoom:expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e006') } .fbx-ie7 .fbx-twitter { zoom:expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e009') } .fbx-ie7 .fbx-pinterest { zoom:expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e007') } .fbx-ie7 .fbx-linkedin { zoom:expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e008') } .fbx-ie7 .fbx-buffer { zoom:expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e00b') } .fbx-ie7 .fbx-download { zoom:expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e00f') } .fbx-ie7 .fbx-email { zoom:expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '\e010') }