/*dialog*/
.pop_image{
    cursor: pointer;
    opacity:1;
    transition: opacity 0.5s;
}

.pop_image:hover{
    opacity: 0.8;
    transition: opacity 0.5s;
}


#dialog{
    width: 100%;
    height: 100%;
    top:0px;
    left: 0px;
    position: fixed;
    z-index: 8000;
}

#dialog .dialog_contain{
    position: absolute;
    z-index: 9000;
}

#dialog .dialog_close{
}

.dialog_close{
    width: 41px;
    height: 41px;
    background-image:url(../img/close.png);
    background-position: 0 -41px;
    opacity: 0;
    filter: alpha(opacity=0); /* IE lt 8 */
    transition:opacity 0.5s;
}

.dialog_close:hover{
    opacity: 1;
    filter: alpha(opacity=100); /* IE lt 8 */
    transition:opacity 0.8s;
}

.dialog_close_box{
    width: 41px;
    height: 41px;
    background-image:url(../img/close.png);
    
    z-index: 300;
    opacity: 0.9;
    cursor: pointer;
    margin: auto 45px 10px auto;
}

.dialog_close_box2{
    width: 41px;
    height: 41px;
    background-image:url(../img/close.png);
    z-index: 300;
    opacity: 0.9;
    cursor: pointer;
    margin: auto 0px auto auto;
}

#dialog .dialog_box{
    display:box;
    display:-moz-box;
    display:-webkit-box;
    display: -ms-flexbox;
}

#dialog .dialog_back,#dialog .dialog_next{
    width: 46px;    
}

#prev_button{
    width: 62px;
    height: 51px;
    background-image:url(../img/arrow_prev.png);
    background-position: 0 -51px;
    opacity: 0;
    filter: alpha(opacity=0); /* IE lt 8 */
    transition:opacity 0.8s;
}

#prev_button:hover{
    opacity: 1;
    filter: alpha(opacity=100); /* IE lt 8 */
    transition:opacity 0.8s;
}

.dialog_prev_box{
    width: 62px;
    height: 51px;
    background-image:url(../img/arrow_prev.png);
    margin-top: 150px;
    z-index: 300;
    margin-left: -35px;
    opacity: 0.9;
    cursor: pointer;
    /*margin-top: 135px;*/
}

/*Safari only*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::i-block-chrome, .dialog_prev_box {
    position: relative;
    top: 150px;
  }}

.dialog_next_box{
    width: 62px;
    height: 51px;
    background-image:url(../img/arrow_next.png);
    margin-top: 150px;
    margin-left: 20px;
    z-index: 300;
    opacity: 0.9;
    /*margin-top: 135px;*/
    cursor: pointer;
}

/*Safari only*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::i-block-chrome, .dialog_next_box {
    position: relative;
    top: 150px;
  }}

#next_button{
    width: 62px;
    height: 51px;
    background-position: 0 -51px;
    opacity: 0;
    filter: alpha(opacity=0); /* IE lt 8 */
    transition:opacity 0.8s;
}

#next_button:hover{
    background-image:url(../img/arrow_next.png);
    filter: alpha(opacity=100); /* IE lt 8 */
    transition:opacity 0.8s;
    z-index: 900;
    opacity: 1;
}



.dialog_bg {
    width: 100%;
    height: 100%;
    top:0px;
    left: 0px;
    background-color: #000;
    background:rgba(0,0,0,0.8);
    //opacity: 1;
    position: fixed;
    z-index: 3000;
}