.scoll_map {

    position: relative;
    width: 100%;
}

.hover_showimg {
    position: relative;
    text-align: center;
    margin-bottom: 45px;

}


.light_box {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    pointer-events: none
}

.light_box.active {
    display: inline-block;
}

.bg_pop {
    display: none
}
area:active,area:focus{
    outline: 0;
    border: 0;
}


@media only screen and (max-width: 750px) {
    .bg_pop {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9900;
        height: 100%;
        width: 100%;
        background: rgba(0, 0, 0, 0.85);

    }

    .grp_box {
        display: inline-block;
        position: absolute;
        max-width: 90%;
        top: 50%;
        left: 0;
        right: 0;
        margin: 0 auto;
        transform: translateY(-50%);
    }

    .grp_box p {
        position: relative;
        padding: 35px 20px 20px;
        display: inline-block;
        margin: 0 auto;
        background: #fff;
        line-height: 0;
        z-index: 9901;
        border-radius: 10px;
        width: 100%;
        height: 100%;
    }

    .grp_box p img {
        width: 100%;
        height: 100%
    }


    .bg_pop .close {
        position: absolute;
        top: 5px;
        right: 8px;
        width: 24px;
        height: 24px;
        display: inline-block;
        background: url(../images/close.png) no-repeat;
        background-size: contain;
        cursor: pointer;
        z-index: 9905;
    }

    .close:hover {
        opacity: 0.4
    }

}