@charset "utf-8";
/* PLC */

	.thumb {
		display:block;
		width:200px;
		height:160px;
		position:relative;
		margin-bottom:20px;
		margin-right:18px;
		margin-left:18px;
		margin-top:20px;
		float:left;
		border:6px solid #457e18;
	}
	
		.thumb-wrapper {
			display:block;
			width:100%;
			height:100%;
		}
	
		.thumb img {
			width:100%;
			height:100%;
			position:absolute;
			display:block;			
					
		}
		
		.thumb .thumb-detail {
			display:block;
			width:94%;
			height:94%;
			position:absolute;			
			background:#3C9;
			font-family:arial;
			font-weight:bold;
			font-size:12px;
			padding:3%;
			line-height:16px;
		}
		.thumb .thumb-detail h6 {
			margin:0;
			font-size:18px;
			color:#fff;
			padding-bottom:10px;
		}
		
		.thumb .more {
			background:#d6d6d6 url(../images/plus.png) no-repeat;
			padding-left:12px;
			color:#ff0000 !important;
			float:left;
			margin-top:10px;
			margin-left:50px;
			padding-right:10px;
			font-weight:bold;
			height:20px;
			line-height:20px;
			text-decoration:none;
		}		
	
	/*
	* Without CSS3
	*/
	.thumb.scroll {
		overflow: hidden;
	}	
	
		.thumb.scroll .thumb-detail {
			bottom:-280px;
		}
	
	
	/*
	* CSS3 Flip
	*/	
	.thumb.flip {
		-webkit-perspective:800px;		
		   -moz-perspective:800px;
		    -ms-perspective:800px;		   		
		     -o-perspective:800px;
  		        perspective:800px;
	}
	
		.thumb.flip .thumb-wrapper {
			-webkit-transition: -webkit-transform 1s;
			   -moz-transition: -moz-transform 1s;
			    -ms-transition: -moz-transform 1s;
			     -o-transition: -moz-transform 1s;
			        transition: -moz-transform 1s;
			-webkit-transform-style: preserve-3d;
			   -moz-transform-style: preserve-3d;			
			    -ms-transform-style: preserve-3d;			
			     -o-transform-style: preserve-3d;			
					  transform-style: preserve-3d;			
		}
		
		.thumb.flip .thumb-detail {
			-webkit-transform: rotateY(-180deg);
			   -moz-transform: rotateY(-180deg);
			    -ms-transform: rotateY(-180deg);
			     -o-transform: rotateY(-180deg);
			        transform: rotateY(-180deg);			   			
		}
		
		.thumb.flip img,
		.thumb.flip .thumb-detail {
			-webkit-backface-visibility: hidden;
			   -moz-backface-visibility: hidden;
			    -ms-backface-visibility: hidden;
			     -o-backface-visibility: hidden;
			        backface-visibility: hidden;
		}
		
		.thumb.flip .flipIt {
			-webkit-transform: rotateY(-180deg);
			   -moz-transform: rotateY(-180deg);			
			    -ms-transform: rotateY(-180deg);			
			     -o-transform: rotateY(-180deg);			
			        transform: rotateY(-180deg);			
		}

