.lightbox > div {
    cursor:pointer;
    height:150px;
    border-radius:0px;
}

.imageModal {
    overflow:auto;
}

.imageModal .modal-body {
    padding:0px;
}

.imageModal .modal-dialog {
    position:absolute;
    width:auto;
    left:70px;
    right:70px;
}

.imageModal .prev, .imageModal .next {
    position:absolute;
    top:0;
    bottom:0;
    background-color:transparent;
    width:100px;
    cursor:pointer;
}

.imageModal .prev {
    left:0;
}

.imageModal .prev:hover {
    background: -moz-linear-gradient(left,  rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(left,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to right,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#00000000',GradientType=1 );
}

.imageModal .next {
    right: 0;
}

.imageModal .next:hover {
    background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);
    background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%);
    background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#4d000000',GradientType=1 );
}

.imageModal .next > span, .imageModal .prev > span {
    position:absolute;
    top:30px;
    left:0;
    right:0;
    margin:auto;
    height:75px;
    font-size:4em;
    color:rgba(255,255,255,0.5);
    text-shadow:0px 1px 2px #000;
}

.imageModal .next:hover > span, .imageModal .prev:hover > span {
    color:#ffffff;
}

.imageModal .next {
    right:15px;
}

.imageModal .prev {
    left:10px;
}

@media (max-width: 991px) {
    .imageModal .padding {
        padding-left:30px;
        padding-right:30px;
    }
}

@media (max-width: 768px) {
    .imageModal .modal-dialog {
        left:0;
        right:0;
    }
}