.yellDisplayNoneImportant{display:none!important;}
.imgPopUp{
    /*display: none;*/
    /*border:1px solid #555555;*/
    /*box-shadow:0px 5px 20px #333333;*/
    width: 656px;
    height: 460px;
    border-spacing: 0px;
}
.imgPopUp-container{
    background-color: #ffffff;
    width: 640px; 
    height: 440px;
    text-align: center;
    align-content: center;
    vertical-align: middle;
}
.imgPopUp-header{
     width:640px;
     height:50px; 
     border: 0px; 
     border-spacing: 0px;
}
.imgPopUp-logo{
    width: 270px;
    height: 50px;
    float: left;
    border-bottom:1px solid #E0E0E0;
}
.imgPopUp-logo img{
    width: 77px;
    height: 29px;
    float: left;
    margin: 10px;
}
.imgPopUp-logo-navi{
    width:100%;
    height:50px;
    text-align: center;
    vertical-align: middle;
    border-bottom:1px solid #E0E0E0;
    margin:10px 0 0 0;
}
.imgPopUp-info_img_num{  
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    width: auto;
    font-style: normal;
    float: left;
    margin: 10px 0 0 30px;
}
.imgPopUp-info_img_num span{
    color:#999999;    
}
.imgPopUp-info_img_num .slash{
    color:#BBBBBB;
}
.imgPopUp-close{
    width:70px;
    height: 50px;
    float:right;
    margin: -50px 0 0;
    vertical-align: middle;
    border-bottom:1px solid #E0E0E0;
}
.imgPopUp-close img{
    cursor: pointer;
    margin: 17px;
    width:15px;
    height:15px;
}
.imgPopUp-content{
    border:none;
    width: 640px;
    height:390px;
    text-align:center;
    vertical-align: middle;
    
    
}
.imgPopUp-content .imgs{
    width:640px; 
    height:390px; 
    position:absolute; 
    
}
.imgPopUp-content .imgs-navi-left{
    width:50%; 
    display:block; 
    position:absolute; 
    cursor:pointer; 
    vertical-align: middle;
    left: 0px;
    float:left;
}
.imgPopUp-content .imgs-navi-right{
    width:50%; 
    display:block; 
    position:absolute; 
    cursor:pointer; 
    vertical-align: middle;
    right: 0px;
    float:right;
}
.imgPopUp-content .imgs-navi-left div{
    background-color: transparent;
    /*background-image: url(img/empty.png);*/
    background-repeat: no-repeat;
    background-position:left center; 
    width: 100%;
    height: 100%;
    cursor: pointer;
    
    
}
.imgPopUp-content .imgs-navi-right div{
    background-color: transparent;
    /*background-image: url(img/empty.png);*/
    background-repeat: no-repeat;
    background-position:right center;
    width: 100%;
    height: 100%;
    cursor: pointer; 
    
}
                     
@media only screen and (min-width: 426px) and (max-width: 768px) {
    .imgPopUp-container, .imgPopUp-header, .imgPopUp-content, .imgPopUp-content .imgs, #SR_info_img_inner img{
        width: 100% !important;
        max-width: 500px !important;
        height: auto !important;
    }
    .imgPopUp{
        width: 100% !important;
        max-width: 508px !important;
        height: 363px !important;
    }
    .imgPopUp-content .imgs-navi-right,
    .imgPopUp-content .imgs-navi-left{
        height: 305px !important;
    }
    .imgPopUp-logo{
        width: 190px !important;
    }
}
@media only screen and (min-width: 376px) and (max-width: 425px) {
    .imgPopUp, .imgPopUp-container, .imgPopUp-header, .imgPopUp-content, .imgPopUp-content .imgs, #SR_info_img_inner img{
        width: 100% !important;
        max-width: 400px !important;
        height: auto !important;
    }
    .imgPopUp{
        width: 100% !important;
        max-width: 408px !important;
        /*height: 301px !important;*/
    }
    .imgPopUp-content .imgs-navi-right,
    .imgPopUp-content .imgs-navi-left{
        height: 243px !important;
    }
    .imgPopUp-logo{
        width: 150px !important;
    }
}
@media only screen and (min-width: 321px) and (max-width: 375px) {
    .imgPopUp, .imgPopUp-container, .imgPopUp-header, .imgPopUp-content, .imgPopUp-content .imgs, #SR_info_img_inner img{
        width: 100% !important;
        max-width: 340px !important;
        height: auto !important;
    }
    .imgPopUp{
        width: 100% !important;
        max-width: 348px !important;
        /*height: 265px !important;*/
    }
    .imgPopUp-content .imgs-navi-right,
    .imgPopUp-content .imgs-navi-left{
        height: 207px !important;
    }
    .imgPopUp-logo{
        width: auto !important;
        max-width: 125px !important;
    }
}
@media only screen and (max-width: 320px) {
    .imgPopUp, .imgPopUp-container, .imgPopUp-header, .imgPopUp-content, .imgPopUp-content .imgs, #SR_info_img_inner img{
        width: 100% !important;
        max-width: 300px !important;
        height: auto !important;
    }
    .imgPopUp{
        width: 100% !important;
        max-width: 308px !important;
        /*height: 241px !important;*/
    }
    .imgPopUp-logo{
        width: auto !important;
        max-width: 110px !important;
        
    }
    .imgPopUp-content .imgs-navi-right,
    .imgPopUp-content .imgs-navi-left{
        height: 183px !important;
    }
}