.flipbox {
  height: 100%;
  width: 100%;
	display:block;
	border: 0px solid rgba(0, 0, 0, 0);		
}

.thumb-wrapper {
	display:block;
	width:100%;
	height:100%;
	position:relative;
	/*background-color:#981115;*/
}
/*.thumb-wrapper:hover img {
	opacity:0;
	}*/

.flipbox img.frontside {
	position:relative;
	display:block;			
	width: 100%;
	height: auto;
	z-index: 2;
}

.flipbox .thumb-detail {
	display:block;
	width:100%;
	height:100%;
	position:absolute;			
	background:#FFFFFF;
	top: 0;
}

.flipbox .thumb-detail a {
	display:block;
	width:100%;
	height:100%;	
	text-decoration:none;		
	padding: 0;
	color: #FFFFFF;
}

/*
* Without CSS3
*/
.flipbox.scroll {
	overflow: hidden;
}	

.flipbox.scroll .thumb-detail {
	bottom:-280px;
}


/*
* CSS3 Flip
*/	
.flipbox.flip {
	-webkit-perspective: 800px;		
	   -moz-perspective: 800px;
	    -ms-perspective: 800px;		   		
	     -o-perspective: 800px;
		      perspective: 800px;
	overflow:visible;
}

.flipbox.flip .thumb-wrapper {
	-webkit-transition: 2s;
	   -moz-transition: 2s;
	    -ms-transition: 2s;
	     -o-transition: 2s;
	        transition: 2s;
	-webkit-transform-style: preserve-3d;
	   -moz-transform-style: preserve-3d;			
	    -ms-transform-style: preserve-3d;			
	     -o-transform-style: preserve-3d;			
			  	transform-style: preserve-3d;
	overflow:visible;	
}

.flipbox.flip img.frontside, .flipbox.flip .thumb-detail {
	-webkit-transition: 2s;
	   -moz-transition: 2s;
	    -ms-transition: 2s;
	     -o-transition: 2s;
	        transition: 2s;
	-webkit-transform-style: preserve-3d;
	   -moz-transform-style: preserve-3d;			
	    -ms-transform-style: preserve-3d;			
	     -o-transform-style: preserve-3d;			
			  	transform-style: preserve-3d;			
}

.flipbox.flip img.frontside {
	-webkit-transform: rotateY(0deg);
	   -moz-transform: rotateY(0deg);
	    -ms-transform: rotateY(0deg);
	     -o-transform: rotateY(0deg);
	        transform: rotateY(0deg);			   			
}

.flipbox.flip .thumb-detail {
	-webkit-transform: rotateY(180deg);
	   -moz-transform: rotateY(180deg);
	    -ms-transform: rotateY(180deg);
	     -o-transform: rotateY(180deg);
	        transform: rotateY(180deg);			   			
}

.flipbox.flip img.frontside {
	-webkit-backface-visibility: hidden;
	   -moz-backface-visibility: hidden;
	    -ms-backface-visibility: hidden;
	     -o-backface-visibility: hidden;
	        backface-visibility: hidden;
}

.flipbox.flip .thumb-detail {
	-webkit-backface-visibility: hidden;
	   -moz-backface-visibility: hidden;
	    -ms-backface-visibility: hidden;
	     -o-backface-visibility: hidden;
	        backface-visibility: hidden;
}


.flipbox.flip .flipIt img.frontside {
	-webkit-transform: rotateY(-180deg);
	   -moz-transform: rotateY(-180deg);			
	    -ms-transform: rotateY(-180deg);			
	     -o-transform: rotateY(-180deg);			
	        transform: rotateY(-180deg);			
}


.flipbox.flip .flipIt .thumb-detail {
	-webkit-transform: rotateY(0deg);
	   -moz-transform: rotateY(0deg);			
	    -ms-transform: rotateY(0deg);			
	     -o-transform: rotateY(0deg);			
	        transform: rotateY(0deg);			
}