.video-container:after {
    display: flex;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    content: "\F04B";
    font-family: FontAwesome;
    color: #EEE;
    justify-content: center;
    align-items: center;
    text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
    font-size: 50px;
    opacity: 0.8;
}

.video-container:hover:after {
    color: #FFF !important;
}
.prev{
    position: absolute;
    top: 40%;
    left: 1%;
    width: 15%;
    height: 100%;
    color: #eee;
    text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
    font-size: 35px;
    opacity: .8;
}

.prev:hover a{ 
    color: #fff;
    opacity: 1;
}

.next{
    position: absolute;
    top: 40%;
    left:84%;
    width: 15%;
    height: 100%;
    font-size: 35px;
    opacity: .8;
}

.prev a{
    color: #eee;
    text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
}

.next a{
    color: #eee;
    text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
}

.next:hover a{
    color:#fff;
    opacity: 1;
}

.modal-dialog {
    overflow: hidden;
}