@charset "utf-8";
/* CSS Document */
/*


   /*flip-image-horizontal*/

.support_horizontal {

	cursor: pointer; -webkit-perspective: 1000;-moz-perspective: 1000;-o-perspective: 1000;perspective: 1000;border: 0px solid #ccc;  float:left}

.support_horizontal:hover .flip,  
  .support_horizontal.flip {
		-webkit-transform: rotateY(180deg);
		-moz-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
		transform: rotateY(180deg);
	}

	
.flip {
	-webkit-transition: 0.6s;
	-webkit-transform-style: preserve-3d;

	-moz-transition: 0.6s;
	-moz-transform-style: preserve-3d;
  
  -o-transition: 0.6s;
	-o-transform-style: preserve-3d;

	transition: 0.6s;
	transform-style: preserve-3d;

	position: relative;
}


.front-2, .front-1, .front{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	position: absolute;
	top: 0;
 }

.back, .back-1, .back-2 {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	position: absolute;
	top: -3px;
	left: 2px;
	text-align: center;
	font-family: inherit;
 }

.front p{
  
	z-index: 2; font-style:normal;
}


.back, .back-1, .back-2 {-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
	transform: rotateY(180deg);}
	
.back, .back-1, .back-2:hover{}






/*
.support_vertical .back {
		-webkit-t
		ransform: rotateX(180deg);
	}



	.support_vertical .flip {
		-webkit-transform-origin: 100% 121px; 
	}


	.support_vertical:hover .flip {
		-webkit-transform: rotateX(-180deg);
	}
 
   */
 	/*

.support_vertical:hover .flip,  
  .support_vertical.flip {
		-webkit-transform: rotateX(180deg);
		-moz-transform: rotateX(180deg);
        -o-transform: rotateX(180deg);
		transform: rotatex(180deg);
	}*/