.lightBox_Mask{position:fixed;z-index:100;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,0.2);}
.lightBox_ImageContainer{position:fixed;z-index:101;left:50%;top:50%;background-color:white;padding:10px;box-shadow:0 0 20px rgba(0,0,0,0.5);transform-origin:50% 50%;transform:translate(-50%,-50%); overflow: visible;}
.lightBox_Image{position: relative;}
.lightBox_ImageContainer img{width:100%; height:100%;}
.lightBox_ImageContainer .lightBox_ImageAlt span{display:block;text-align:center;font-size:12px;color:black;padding-top:0.4rem;}
.lightBox_Close{position:absolute;top:-10px;right:-10px;border:2px solid white;width:18px;height:18px;background-color:black;border-radius:50px;box-shadow:0 0 7px rgba(0,0,0,0.8);cursor:pointer;}
.lightBox_Close::before,.lightBox_Close::after{position:absolute;left:8px;top:3px;content:' ';background-color:white;width:2px;height:12px;}
.lightBox_Close::before{transform:rotate(45deg);}
.lightBox_Close::after{transform:rotate(-45deg);}
.lightBox_Prev,.lightBox_Next{position:absolute;top:0;width:20%;height:100%;cursor:pointer;}
.lightBox_Prev{left:0;}
.lightBox_Next{right:0;}
.lightBox_Prev::after,.lightBox_Next::after{content:"";display:none;box-sizing:border-box;position:absolute;width:30px;height:30px;border-top:3px solid rgba(255,255,255,0.5);border-left:3px solid rgba(255,255,255,0.5);transform-origin:15px 15px;box-shadow:-2px -2px 2px rgba(0,0,0,0.2);}
.lightBox_Prev::after{left:30px;top:50%;transform:rotate(-45deg) translateY(-15px);}
.lightBox_Next::after{right:10px;top:50%;transform:rotate(135deg) translateY(15px);}
.lightBox_Prev:hover::after,.lightBox_Next:hover::after{display:block;}