@media (min-width:960px)and (min-height: 600px){
    .all{
        background-size: 100% 100%;

    }
    .light_box_content{
        width:960px;

    }

}
@media (max-width:960px) and (max-height: 600px){
    .all{
        background-size: 960px 600px;
    }
    .light_box_content{
        width:100%;
    }
}
@media (max-width:960px) and (min-height: 600px){
    .all{
        background-size: 960px 100%;
    }
    .light_box_content{
        width:100%;
    }
}
@media (min-width:960px) and (max-height: 600px){
    .all{
        background-size: 100% 600px;
    }
    .light_box_content{
        width:960px;

    }
}
.over_page{
    background-color:rgba(0,0,0,0.5);
    width:100%;
    height:100%;
    left: 0;
    z-index: 10000;
    position: fixed;
    display: none;
    max-width: 100%;
}
.light_box_content{
    position: absolute;
    top:5px;
    right:5px;
    bottom:5px;
    left:5px;
    z-index: 10000;
    background-color: #ffffff;
    margin:auto;
    overflow-y: hidden;
    overflow-x:hidden ;
    max-width: 90%;
    max-height: 95%;
    box-shadow: 0px 0px 1px #fff;

}
.over_page .content{

    margin-top:48px;
}
.over_page > div{
    padding:10px;
}
.over_page > div h2{
    margin-top:0;
    float:left;
    margin-top: -40px;
    margin-bottom:20px ;
    font-size: 30px;
}
.over_page > div > ol{
    float: left;
    margin:0;
    padding:0;
    margin-top: 0.5em;
    padding-left: 25px;
    line-height: 1.4em;
}
.over_page .close{
    right:15px;
    position: absolute;
    cursor:pointer;
    top:5px;
}
.over_page .close img{
    height:40px;
}
.over_page .top_bar{
    background-color: #cacaca;
    position: absolute;
    left:0;
    right:0;
    top:0;
    height: 48px;
}
.over_page img{
    max-width: 100%;
    max-height: 100%;
}
.light_box{
    cursor: pointer;
}