.show{
    display: none;
}
.show .overlay{
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.863);
    position: fixed;
    top: 0;
    left: 0;
}
.show .img-show{
    z-index: 1;
    width: 50%;
    height: 70%;
    background: #FFF;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    overflow: hidden
}
.img-show span{
    z-index: 1;
    position: fixed;
    top: 10px;
    right: 10px;
    z-index: 99;
    cursor: pointer;
}
.img-show img{
    z-index: 1;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
}
@media only screen and (min-width: 200px) and (max-width: 1200px) {
    .show .img-show{
        width: 88%;
        height: 50%;
    }
}