.ekko-lightbox-container { position: relative; }

.ekko-lightbox-nav-overlay {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
}

.ekko-lightbox-nav-overlay a {
    -moz-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
    color: #fff;
    display: block;
    filter: dropshadow(color=#000000, offx=2, offy=2);
    font-size: 30px;
    height: 100%;
    opacity: 0;
    text-shadow: 2px 2px 4px #000;
    transition: opacity 0.5s;
    width: 49%;
    z-index: 100;
}

.ekko-lightbox-nav-overlay a:empty { width: 49%; }

.ekko-lightbox span:hover { opacity: 1; }

.ekko-lightbox .glyphicon-menu-left {
    color: white;
    cursor: pointer;
    float: left;
    font-size: 50px;
    left: 0;
    padding: 10px 10px 10px 15px;
    text-align: left;
    top: 40%;
}

.ekko-lightbox .glyphicon-menu-right {
    color: white;
    cursor: pointer;
    float: right;
    font-size: 50px;
    padding: 10px 15px 10px 10px;
    right: 0;
    text-align: right;
    top: 40%;
}

.ekko-lightbox .modal-footer { text-align: left; }

@media (max-width: 767px) {
    .ekko-lightbox .glyphicon-menu-left,
    .ekko-lightbox .glyphicon-menu-right { font-size: 30px; }
}