#modalBox {
 background-color: #000;
 display: none;
 height: 100%;
 position: fixed;
 left: 0;
 text-align: center;
 top: 0;
 z-index: 1000;
 width: 100%;
}
.ctrls {
 display: inline-block;
 margin: 20px auto;
}
#prev, #next, #close {
 background-color: #2d2d2d;
 color: #fff;
 cursor: pointer;
 font-weight: bold;
 font-size: 20px;
 margin: 5px;
 padding: 16px;
 user-select: none;
 width: auto;
 -webkit-user-select: none;
}
#close:hover,
#close:focus,
#prev:hover,
#prev:focus,
#next:hover,
#next:focus {
 background-color: #a2a2a2;
}
#slideLayer {
 margin: 10px auto;
 padding:0;
 text-align:center;
 height:100%;
}
#slide {
 border-radius: 4px;
 cursor:pointer;
 margin: 0;
 object-fit: contain;
 width:auto;
 max-height: 100%;
 max-width: 100%;
}
.scrollStop {
 height:100%;
 overflow:hidden;
}