/*  _______________________________________

	02 OVERLAY FADE
    _______________________________________  */



.overlay_fade {
	position:relative;
	/* Modify the width and the height according to your images sizes */
	overflow:hidden;
	float:left;
	margin:0px;
/*	border:5px solid #f6f6f6; */
}
.img310 { width: 310px; height: 174px; padding-left:20px;}
.img169 { width: 169px; height: 95px; }
.img259 { width: 259px; height: 146px; }
.img169-over { 	position:absolute;
		top:0px;
		width:169px;
		height:95px;
                z-index:5;}

.img169-over img { z-index:5;}
.img259-over { 	position:absolute;
		top:0px;
		width:259px;
		height:146px;
                z-index:5;}

.img259-over img { z-index:5;}
.img310-over { position:absolute;
		top:0px;
		width:310px;
		height:174px;
                z-index:5;}
.img310-over img { z-index:5;}

	.overlay_fade img {
		width:100%;
		height:100%;
		border:none;
                z-index:2;
	}

	.overlay_fade .overlay_zoom {
		position:absolute;
		top:0px;
		width:100%;
		height:100%;
		/* Opacity */
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		opacity:0;
		/* Opacity Transition */
		-webkit-transition:opacity .4s ease-in;
		-moz-transition:opacity .4s ease-in;
		-o-transition:opacity .4s ease-in;
		-ms-transition:opacity .4s ease-in;
		transition:opacity .4s ease-in;
	}
  .overlay_fade .play {
		background-image: url("/images/play-button-th.png");
		background-repeat:no-repeat;
		background-position:center center;
  }

		.overlay_fade:hover .overlay_zoom {
			-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			filter: alpha(opacity=100);
			opacity:1;
		}
	.overlay_fade .zoom_white {
		background-color:rgba(255, 255, 255, 0.7);
	}
	.overlay_fade .zoom_black {
		background-color:rgba(0, 0, 0, 0.7);
	}