#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 101; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box, #lightbox-container-image-box-dark { position: relative; background-color: #FFFFFF; width: 200px; height: 200px; margin: 0 auto; border-radius: 8px; } #lightbox-container-image-box-dark { background-color: #000000; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lightbox-container-image-box > #lightbox-nav, #lightbox-container-image-box-dark > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none; } #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; } #lightbox-nav-btnPrev { left: 0; float: left; margin-left: 1px; } #lightbox-nav-btnNext { right: 0; float: right; margin-right: 1px; } #lightbox-container-image-data-box, #lightbox-container-image-data-box-dark { font: 12px arial, sans-serif; background-color: #FFFFFF; margin: 0 auto; margin-top: -1px; line-height: 18px; overflow: auto; width: 100%; padding: 1px 10px 10px 10px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; } #lightbox-container-image-data-box-dark { background-color: #000000; } #lightbox-container-image-data { padding: 0; color: #808080; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; font-style: italic; } #lightbox-secNav-btnClose { width: 66px; float: right; }