.dialog {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: #0000004a;
        display: none;
        z-index: 99999;
        -webkit-transition: opacity 400ms ease-in;
        -moz-transition: opacity 400ms ease-in;
        transition: opacity 400ms ease-in;

        -moz-transition: 0.2s;
        -ms-transition: 0.2s;
        -o-transition: 0.2s;
        -webkit-transition: 0.2s;
        transition: 0.2s;
}

.dialog.show {
        display: block;
}
.dialog.hide {
        display: none;
}


.dialog .body {
        width: 40%;
        height: auto;
        max-height: 80%;
        border: 5px solid #fff;
        margin: 2% auto 0 auto;
        background: #fff;
        padding: 10px 1%;
        min-width: 300px;
        box-shadow: 0 0 0px #fff;
        overflow: hidden;


        -moz-transition: 0.2s;
        -ms-transition: 0.2s;
        -o-transition: 0.2s;
        -webkit-transition: 0.2s;
        transition: 0.2s;
}

.dialog .body img {
        width: 100%;
}