.dvGalleryAllArea {position:fixed; top:0%; bottom:0%; left:0%; right:0%; display: none; background-color: rgba(66,66,66, 0.7); z-index:500; height:100%; align-items: center;
}
.dvGalleryAllArea .dvBigPicture {margin: auto; text-align: center;}
.dvGalleryAllArea .dvBigPicture img {max-width: 100%; max-height: 90vh; border: solid 2px #eaebec; background: url(../img/loading.gif) no-repeat; background-position: 50%;}

.dvGalleryArea {width: 100%; position: relative;}

.dvGalleryAllArea .itfEffect01 {animation-name: itfGaleryAnimation01; animation-duration:2s;}
.dvGalleryAllArea .itfEffect02 {opacity: 1; transition: opacity 3s;}

@keyframes itfGaleryAnimation01 {
    from {
	opacity: 0;
    }
    50% {
    	opacity: 0;
    }

    50% {
    	opacity: 1;
    }
    to {
	opacity: 1;
    }	
}

.dvGalleryBtnArea {position: absolute; width: 100%; height: 100%; top: 0px;}
.dvGalleryBtnAreaLeft {display: inline-block; margin-left: 5px; width: 50%; position: absolute; left: 0px; text-align: left; height: 100%;}
.dvGalleryBtnAreaCenter {display: inline-block;}
.dvGalleryBtnAreaRight {display: inline-block; float: right; margin-right: 5px; width: 50%; position: absolute; right: 0px; text-align: right; height: 100%;}

.btnGalleryArr {-moz-user-select: none;
    -webkit-user-select: none;border-radius: 50px; background-color: #36594c; width: 50px; height: 50px; display: inline-block; cursor: pointer; font-size: 42px; color: #ffffff; opacity: 0.3; transition-duration: 2s; line-height: 42px; text-align: center; top: 50%; position: absolute; margin-top: -50px;}
.dvGalleryAllArea .right5 {right: 5px;}
.btnGalleryArr:hover {opacity: 1; transition-duration: 2s;}
#closeBigPicture {
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    color: rgb(255,255,255);
    background-color: #36594c;
    border: solid 2px #eaebec;
    text-align: center;
    line-height: 1.6;
    right: -10px;
    top: -10px;
    cursor: pointer;
}