/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
}

#jquery-lightbox {position: absolute; top: 0;left: 0;width: 100%;z-index: 100;text-align: center;line-height: 0;}
#lightbox-wrap{height:100vh;z-index: 90; position:fixed; top:0; left:0; width:100vw; overflow-y:scroll;background-color: rgba(0,0,0,.4);}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /* #jquery-lightbox {position: fixed;} */
    #lightbox-wrap #jquery-lightbox {
        position: absolute;
    }
}
#jquery-lightbox a img { border: none; }
#lightbox-image{ border-radius: 5px; }
#lightbox-container-image-box {position: relative;background-color: #fff;width: 250px;height: 250px;margin: 0 auto; border-radius: 5px; margin-bottom: -5px;}
#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 { 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;}
#lightbox-nav-btnNext { right: 0; float: right;}
#lightbox-container-image-data-box {position:relative;	font: 10px Verdana, Helvetica, sans-serif;background-color: #fff;margin: 0 auto;line-height: 1.6em;overflow: auto;width: 100%;padding: 0 10px 0; border-radius: 0 0 5px 5px;}
#lightbox-container-image-data {padding: 0 10px; color: #666;}
#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; padding-bottom: 1.0em;}
#lightbox-secNav-btnClose {width: 17px; float: right; margin: 4px -8px 0 0; padding-bottom: 0.7em;}

#lightbox-container-image-wrap{
    box-shadow: 0 0 50px rgba(0,0,0,.50);
    width: fit-content;
    margin: auto;
}