#view_box {
    background:#fff;
    position: absolute;
    /*top: 50%;*/
    left: 50%;
    transform: translate(-50%, 0);
    padding: 18px 25px;
    border-radius:5px;
    box-shadow: 0 0 25px rgba(122,122,122,1);
    z-index:9999999;
}

@media screen and (max-width: 800px) {
    #view_box {
        max-width: 80%;
    }
}

.close_view_box {
    position: absolute;
    right: -15px;
    top: -15px;
    cursor: pointer;
    padding: 7px 12px 6px 12px;
    color:#cc0000;
    font-size:20px;
    font-weight:bold;
    font-family:arial;
    border-radius:100px;
    box-shadow: 0 0 5px rgba(122,122,122,0.5);
    background:#fff;
}

.close_view_box:hover {
    color:#ff4f02;
    background:#fff;
}