/** Other **/
.miniatureShow .selector { border-width: 0; }
.miniatureShow:hover .selector,
.miniatureShow.sel .selector { border-width: 3px; opacity: 1; filter: Alpha(0); }
.miniatureShow:hover,
.miniatureShow.sel { opacity:1 !important; }

/** Animation **/
.animated {
	opacity:1;
    animation-duration: 1s;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	-ms-animation-duration: 1s;
	
    animation-fill-mode: both;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	-ms-animation-fill-mode: both;

    animation-iteration-count:1;
    -webkit-animation-iteration-count:1;
	-moz-animation-iteration-count:1;
	-o-animation-iteration-count:1;
	-ms-animation-iteration-count:1;
}

@-webkit-keyframes rollIn {
    0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); }
    100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); }
}
@-moz-keyframes rollIn {
    0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); }
    100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); }
}
@-o-keyframes rollIn {
    0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); }
    100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); }
}
@-ms-keyframes rollIn {
    0% { opacity: 0; -ms-transform: translateX(-100%) rotate(-120deg); }
    100% { opacity: 1; -ms-transform: translateX(0px) rotate(0deg); }
}
@keyframes rollIn {
    0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); }
    100% { opacity: 1; transform: translateX(0px) rotate(0deg); }
}
.rollIn {
	animation-name: rollIn;
    -webkit-animation-name: rollIn;
	-moz-animation-name: rollIn;
	-o-animation-name: rollIn;
	-ms-animation-name: rollIn;
}

@-webkit-keyframes rollInInvert {
    0% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); }
    100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); }
}
@-moz-keyframes rollInInvert {
    0% { opacity: 0; -moz-transform: translateX(100%) rotate(120deg); }
    100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); }
}
@-o-keyframes rollInInvert {
    0% { opacity: 0; -o-transform: translateX(100%) rotate(120deg); }
    100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); }
}
@-ms-keyframes rollInInvert {
    0% { opacity: 0; -ms-transform: translateX(100%) rotate(120deg); }
    100% { opacity: 1; -ms-transform: translateX(0px) rotate(0deg); }
}
@keyframes rollInInvert {
    0% { opacity: 0; transform: translateX(100%) rotate(120deg); }
    100% { opacity: 1; transform: translateX(0px) rotate(0deg); }
}
.rollInInvert {
    -webkit-animation-name: rollInInvert;
	-moz-animation-name: rollInInvert;
	-o-animation-name: rollInInvert;
	-ms-animation-name: rollInInvert;
    animation-name: rollInInvert;
}

@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(0deg);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
    }
}
@-moz-keyframes rollOut {
    0% {
        opacity: 1;
        -moz-transform: translateX(0px) rotate(0deg);
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(100%) rotate(120deg);
    }
}
@-o-keyframes rollOut {
    0% {
        opacity: 1;
        -o-transform: translateX(0px) rotate(0deg);
    }
    100% {
        opacity: 0;
        -o-transform: translateX(100%) rotate(120deg);
    }
}
@-ms-keyframes rollOut {
    0% {
        opacity: 1;
        -ms-transform: translateX(0px) rotate(0deg);
    }
    100% {
        opacity: 0;
        -ms-transform: translateX(100%) rotate(120deg);
    }
}
@keyframes rollOut {
    0% {
        opacity: 1;
        transform: translateX(0px) rotate(0deg);
    }
    100% {
        opacity: 0;
        transform: translateX(100%) rotate(120deg);
    }
}
.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
	-moz-animation-name: rollOut;
	-o-animation-name: rollOut;
	-ms-animation-name: rollOut;
}

@-webkit-keyframes rollOutInvert {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0px) rotate(-0deg);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
    }
}
@-moz-keyframes rollOutInvert {
    0% {
        opacity: 1;
        -moz-transform: translateX(0px) rotate(-0deg);
    }
    100% {
        opacity: 0;
        -moz-transform: translateX(-100%) rotate(-120deg);
    }
}
@-o-keyframes rollOutInvert {
    0% {
        opacity: 1;
        -o-transform: translateX(0px) rotate(-0deg);
    }
    100% {
        opacity: 0;
        -o-transform: translateX(-100%) rotate(-120deg);
    }
}
@-ms-keyframes rollOutInvert {
    0% {
        opacity: 1;
        -ms-transform: translateX(0px) rotate(-0deg);
    }
    100% {
        opacity: 0;
        -ms-transform: translateX(-100%) rotate(-120deg);
    }
}
@keyframes rollOutInvert {
    0% {
        opacity: 1;
        transform: translateX(0px) rotate(0deg);
    }
    100% {
        opacity: 0;
        transform: translateX(-100%) rotate(-120deg);
    }
}
.rollOutInvert {
    -webkit-animation-name: rollOutInvert;
    animation-name: rollOutInvert;
	-moz-animation-name: rollOutInvert;
	-o-animation-name: rollOutInvert;
	-ms-animation-name: rollOutInvert;
}

@-webkit-keyframes bounceInOverlay {
    0% {
        opacity: 0;
        -webkit-transform: scale(.3);
    }
    100% {
		opacity: 0.8;
         -webkit-transform: scale(1);
    }
}
@-moz-keyframes bounceInOverlay {
    0% {
        opacity: 0;
        -moz-transform: scale(.3);
    }
    100% {
		opacity: 0.8;
         -moz-transform: scale(1);
    }
}
@-o-keyframes bounceInOverlay {
    0% {
        opacity: 0;
        -o-transform: scale(.3);
    }
    100% {
		opacity: 0.8;
         -o-transform: scale(1);
    }
}
@-ms-keyframes bounceInOverlay {
    0% {
        opacity: 0;
        -ms-transform: scale(.3);
    }
    100% {
		opacity: 0.8;
         -ms-transform: scale(1);
    }
}

@keyframes bounceInOverlay {
    0% {
        opacity: 0;
        transform: scale(.3);
    }

    100% {
		opacity: 0.8;
        transform: scale(1);
    }
}

.bounceInOverlay {
    -webkit-animation-name: bounceInOverlay;
    animation-name: bounceInOverlay;
	-moz-animation-name: bounceInOverlay;
	-o-animation-name: bounceInOverlay;
	-ms-animation-name: bounceInOverlay;
}

@-webkit-keyframes bounceOutOverlay {
    0% {
		opacity: 0.8;
		-webkit-transform: scale(1);
    }
    100% {
		opacity: 0;
		-webkit-transform: scale(.3);
    }
}
@-moz-keyframes bounceOutOverlay {
    0% {
		opacity: 0.8;
		-moz-transform: scale(1);
    }
    100% {
		opacity: 0;
		-moz-transform: scale(.3);
    }
}
@-o-keyframes bounceOutOverlay {
    0% {
		opacity: 0.8;
		-o-transform: scale(1);
    }
    100% {
		opacity: 0;
		-o-transform: scale(.3);
    }
}
@-ms-keyframes bounceOutOverlay {
    0% {
		opacity: 0.8;
		-ms-transform: scale(1);
    }
    100% {
		opacity: 0;
		-ms-transform: scale(.3);
    }
}
@keyframes bounceOutOverlay {
    0% {
		opacity: 0.8;
		transform: scale(1);
    }

    100% {
		opacity: 0;
		transform: scale(.3);
    }
}

.bounceOutOverlay {
    -webkit-animation-name: bounceOutOverlay;
    animation-name: bounceOutOverlay;
	-moz-animation-name: bounceOutOverlay;
	-o-animation-name: bounceOutOverlay;
	-ms-animation-name: bounceOutOverlay;
}


@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
    }
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@-moz-keyframes flipInX {
    0% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    40% {
        -moz-transform: perspective(400px) rotateX(-10deg);
    }
    70% {
        -moz-transform: perspective(400px) rotateX(10deg);
    }
    100% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@-o-keyframes flipInX {
    0% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    40% {
        -o-transform: perspective(400px) rotateX(-10deg);
    }
    70% {
        -o-transform: perspective(400px) rotateX(10deg);
    }
    100% {
        -o-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@-ms-keyframes flipInX {
    0% {
        -ms-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    40% {
        -ms-transform: perspective(400px) rotateX(-10deg);
    }
    70% {
        -ms-transform: perspective(400px) rotateX(10deg);
    }
    100% {
        -ms-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    40% {
        transform: perspective(400px) rotateX(-10deg);
    }
    70% {
        transform: perspective(400px) rotateX(10deg);
    }
    100% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}
.flipInX {
    -webkit-backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    backface-visibility: visible !important;
    animation-name: flipInX;

	-moz-animation-name: flipInX;
	-o-animation-name: flipInX;
	-ms-animation-name: flipInX;

	-moz-backface-visibility: visible !important;
	-o-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;

}

@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}
@-moz-keyframes flipOutX {
    0% {
        -moz-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
    100% {
        -moz-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}
@-o-keyframes flipOutX {
    0% {
        -o-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
    100% {
        -o-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}
@-ms-keyframes flipOutX {
    0% {
        -ms-transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
    100% {
        -ms-transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}
@keyframes flipOutX {
    0% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
    100% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}
.flipOutX {
    -webkit-animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    animation-name: flipOutX;
    backface-visibility: visible !important;

	-moz-animation-name: flipOutX;
	-o-animation-name: flipOutX;
	-ms-animation-name: flipOutX;

	-moz-backface-visibility: visible !important;
	-o-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
}


@-webkit-keyframes fadeInLeft {
    0% { opacity: 0; -webkit-transform: translateX(-20px); }
    100% { opacity: 1; -webkit-transform: translateX(0); }
}
@keyframes fadeInLeft {
    0% { opacity: 0; transform: translateX(-20px); }
    100% { opacity: 1; transform: translateX(0); }
}
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }


@-webkit-keyframes fadeInRight {
    0% { opacity: 0; -webkit-transform: translateX(20px); }
    100% { opacity: 1; -webkit-transform: translateX(0); }
}
@keyframes fadeInRight {
	0% { opacity: 0; transform: translateX(20px); }
	100% { opacity: 1; transform: translateX(0); }
}
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}


@-webkit-keyframes fadeOutLeft {
    0% { opacity: 1; -webkit-transform: translateX(0); }
    100% { opacity: 0; -webkit-transform: translateX(-20px); }
}
@keyframes fadeOutLeft {
    0% { opacity: 1; transform: translateX(0); }
    100% { opacity: 0; transform: translateX(-20px); }
}
.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}


@-webkit-keyframes fadeOutRight {
    0% { opacity: 1; -webkit-transform: translateX(0); }
    100% { opacity: 0; -webkit-transform: translateX(20px); }
}
@keyframes fadeOutRight {
    0% { opacity: 1; transform: translateX(0); }
    100% { opacity: 0; transform: translateX(20px); }
}
.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}