.oxi-addons-container [class^='oxi-image-reveal-'],
.oxi-addons-container [class*=' oxi-image-reveal-'] {
    overflow: hidden;
}

.oxi-addons-container [class^='oxi-image-reveal-']:before,
.oxi-addons-container [class*=' oxi-image-reveal-']:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: '';
}

.oxi-addons-container [class^='oxi-image-reveal-'] .oxi-image-hover-figure-caption,
.oxi-addons-container [class*=' oxi-image-reveal-'] .oxi-image-hover-figure-caption {
    opacity: 0;
}

.oxi-addons-container [class^='oxi-image-reveal-']:hover:before,
.oxi-addons-container [class*=' oxi-image-reveal-']:hover:before,
.oxi-addons-container [class^='oxi-image-reveal-'].oxi-touch:before,
.oxi-addons-container [class*=' oxi-image-reveal-'].oxi-touch:before {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.oxi-addons-container [class^='oxi-image-reveal-']:hover .oxi-image-hover-figure-caption,
.oxi-addons-container [class*=' oxi-image-reveal-']:hover .oxi-image-hover-figure-caption,
.oxi-addons-container [class^='oxi-image-reveal-'].oxi-touch .oxi-image-hover-figure-caption,
.oxi-addons-container [class*=' oxi-image-reveal-'].oxi-touch .oxi-image-hover-figure-caption {
    opacity: 1;
    -webkit-transition-delay: 0.21s;
    -moz-transition-delay: 0.21s;
    -o-transition-delay: 0.21s;
    transition-delay: 0.21s;
}

.oxi-addons-container .oxi-image-reveal-up:before {
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}

.oxi-addons-container .oxi-image-reveal-down:before {
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}

.oxi-addons-container .oxi-image-reveal-left:before {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}

.oxi-addons-container .oxi-image-reveal-right:before {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}

.oxi-addons-container .oxi-image-reveal-top-left:before {
    -webkit-transform: translate(-100%, -100%);
    -moz-transform: translate(-100%, -100%);
    -ms-transform: translate(-100%, -100%);
    -o-transform: translate(-100%, -100%);
    transform: translate(-100%, -100%);
}

.oxi-addons-container .oxi-image-reveal-top-right:before {
    -webkit-transform: translate(100%, -100%);
    -moz-transform: translate(100%, -100%);
    -ms-transform: translate(100%, -100%);
    -o-transform: translate(100%, -100%);
    transform: translate(100%, -100%);
}

.oxi-addons-container .oxi-image-reveal-bottom-left:before {
    -webkit-transform: translate(-100%, 100%);
    -moz-transform: translate(-100%, 100%);
    -ms-transform: translate(-100%, 100%);
    -o-transform: translate(-100%, 100%);
    transform: translate(-100%, 100%);
}

.oxi-addons-container .oxi-image-reveal-bottom-right:before {
    -webkit-transform: translate(100%, 100%);
    -moz-transform: translate(100%, 100%);
    -ms-transform: translate(100%, 100%);
    -o-transform: translate(100%, 100%);
    transform: translate(100%, 100%);
}