
/*
VRotate
------------------------------------------------------------------*/
.vrotate .ja-ss-items {
	-webkit-transform-style: preserve-3d;
	   -moz-transform-style: preserve-3d;
		-ms-transform-style: preserve-3d;
		 -o-transform-style: preserve-3d;
			transform-style: preserve-3d;
			
	-webkit-perspective: 1000px;
	   -moz-perspective: 1000px;
		-ms-perspective: 1000px;
		 -o-perspective: 1000px;
			perspective: 1000px;
}

.vrotate .ja-ss-thumbs-wrap,
.vrotate .ja-ss-btns {
	-webkit-transform: translateZ(1000px);
}

.vrotate .ja-ss-item.animate {
	-webkit-transition: -webkit-transform 1s, opacity 1s;
	   -moz-transition: -moz-transform 1s, opacity 1s;
		-ms-transition: opacity 1s;
		 -o-transition: -o-transform 1s, opacity 1s;
			transition: transform 1s, opacity 1s;
	
	-webkit-transition-timing-function: cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
	-webkit-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); 
       -moz-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); 
		-ms-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); 
		 -o-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); 
			transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */
		
	-webkit-transform-origin: 50% 100%;
	   -moz-transform-origin: 50% 100%;
		-ms-transform-origin: 50% 100%;
		 -o-transform-origin: 50% 100%;
			transform-origin: 50% 100%;
			
	-webkit-backface-visibility: hidden;
	   -moz-backface-visibility: hidden;
		-ms-backface-visibility: hidden;
		 -o-backface-visibility: hidden;
			backface-visibility: hidden;
}

.vrotate .ja-ss-item.curr {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0) rotateX(0);
	   -moz-transform: translate3d(0, 0, 0) rotateX(0);
		-ms-transform: translate3d(0, 0, 0) rotateX(0);
		 -o-transform: translate3d(0, 0, 0) rotateX(0);
			transform: translate3d(0, 0, 0) rotateX(0);
}

.vrotate .ja-ss-item.next {
	opacity: 0;
	-webkit-transform: rotateX(180deg);
	   -moz-transform: rotateX(180deg);
		-ms-transform: rotateX(180deg);
		 -o-transform: rotateX(180deg);
			transform: rotateX(180deg);
}

.vrotate .ja-ss-item.prev {
	opacity: 0;
	-webkit-transform: rotateX(-180deg);
	   -moz-transform: rotateX(-180deg);
		-ms-transform: rotateX(-180deg);
		 -o-transform: rotateX(-180deg);
			transform: rotateX(-180deg);
}
