.lb-loader,.lightbox { text-align: center; line-height: 0 } .lb-dataContainer:after,.lb-outerContainer:after { content: ""; clear: both } html.lb-disable-scrolling { overflow: hidden; position: fixed; height: 100vh; width: 100vw } .lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color: #000; filter: alpha(Opacity=80); opacity: .8; display: none } .lightbox { position: absolute; left: 0; width: 100%; z-index: 10000; font-weight: 400 } .lightbox .lb-image { display: block; height: auto; max-width: inherit; max-height: none; border-radius: 3px; border: 4px solid #fff } .lightbox a img { border: none } .lb-outerContainer { position: relative; width: 250px; height: 250px; margin: 0 auto; border-radius: 4px; background-color: #fff } .lb-loader,.lb-nav { position: absolute; left: 0 } .lb-outerContainer:after { display: table } .lb-loader { top: 43%; height: 25%; width: 100% } .lb-cancel { display: block; width: 32px; height: 32px; margin: 0 auto; background: url(../../images/vi20171221/loading.gif) no-repeat } .lb-nav { top: 0; height: 100%; width: 100%; z-index: 10 } .lb-container>.nav { left: 0 } .lb-nav a { outline: 0; background-image: url(data:image/gif; base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==) } .lb-next,.lb-prev { height: 100%; cursor: pointer; display: block } .lb-nav a.lb-prev { width: 5%; left: 0; margin-left: -40px; float: left; background: url(../../images/vi20171221/prev.png) left 50% no-repeat; filter: alpha(Opacity=50); opacity: 50; -webkit-transition: opacity .6s; -moz-transition: opacity .6s; -o-transition: opacity .6s; transition: opacity .6s } .lb-nav a.lb-prev:hover { filter: alpha(Opacity=100); opacity: 1 } .lb-nav a.lb-next { width: 5%; right: 0%; margin-right: -40px; float: right; background: url(../../images/vi20171221/next.png) right 50% no-repeat; filter: alpha(Opacity=50); opacity: 50; -webkit-transition: opacity .6s; -moz-transition: opacity .6s; -o-transition: opacity .6s; transition: opacity .6s } .lb-nav a.lb-next:hover { filter: alpha(Opacity=100); opacity: 1 } .lb-dataContainer { margin: 0 auto; padding-top: 5px; width: 100%; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px } .lb-dataContainer:after { display: table } .lb-data { padding: 0 4px; color: #ccc } /*.lb-data .lb-details { width: 100%; float: left; text-align: left; line-height: 1.1em } .lb-data .lb-caption { display: block; width: 340px; height: 50px; line-height: 50px; background: url(../../images/vi20171221/download_icon.png) no-repeat center left; padding-left: 60px; border:1px solid #e5e5e5; color: #008239; font-size: 16px; margin:0px 10px; float: left; margin-bottom:15px; } .lb-data .lb-caption a { color: #4ae } .lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #999 }*/ .lb-close { display: block; float: right; position: absolute; z-index: 9999; top:-24px; right: -24px; width: 52px; height: 52px; background: url(../../images/vi20171221/close.png) top right no-repeat; text-align: right; outline: 0; filter: alpha(Opacity=100); opacity: 1; -webkit-transition: opacity .0s; -moz-transition: opacity .0s; -o-transition: opacity .0s; transition: opacity .0s } .lb-data .lb-close:hover { cursor: pointer; filter: alpha(Opacity=100); opacity: 1 }