#imagescontainer {
    z-index: 9999;    
    width: 100%;
    height: 100%;
    position: fixed;
    visibility:hidden;
    display:none;
    background-color: rgba(22,22,22,0.5);
}
.showimages {
    background: #e1e1e1;
    margin: 0 auto;
    width: 90%;
    max-width: 570px;
    position: relative;
    z-index: 41;
    top: 5%;
    padding: 20px;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.4);
    box-shadow: 0 0 10px rgba(0,0,0,0.4);
    background-color: rgb(34, 161, 186);
    padding-bottom: 20px;
    top: 50%;
    transform: translateY(-50%);
}
.showimages img{
    padding: 10px;
   margin-top: 10px;
}

.showimages h2, .showimages h3 {
    color:#FFF;
}

a.close-modal {
    right: 10px;
    position: absolute;
    top: 10px;
    font-size: 1.5em;
    text-decoration: none;
    color: #fff;
    background: #3e3e3e;
    width: 37px;
}