@charset "utf-8";
/* CSS Document */
/* -------------------- Overlay 1 - Style 2 (Overlay Up to Down) -------------------- */

.overlay1-style2 {
	width: 241px;
	height: 114x;
	overflow: hidden;
	float:left;
	margin-right:10px;
	}
	
.overlay1-style2-a{
	width: 100%;
	height: 99%;
	background-color: #000;
	transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
	-ms-transition-duration: .5s;
	-o-transition-duration: .5s;
	opacity: .6;
	-moz-transform: translate(0%,-200%);
	-webkit-transform: translate(0%,-200%);
	-ms-transform: translate(0%,-200%);
	-o-transform: translate(0%,-200%);
	transform: translate(0%,-200%);
	margin-top:-4px;
	}

.overlay1-style2:hover div.overlay1-style2-a {
	transform: translate(0%,-100%);
	-ms-transform: translate(0%,-100%);
	-moz-transform: translate(0%,-100%);
	-webkit-transform: translate(0%,-100%);
	-o-transform: translate(0%,-100%);
	}
	
.overlay1-style3-a a {
	display: inline-block;
}




/* -------------------- Overlay 1 - Style 3 (Overlay Left to Right) -------------------- */

.overlay1-style3 {
	width: 239px;
	height: 112x;
	overflow: hidden;
	float:left;
	margin-right:0px;
	}
	
.overlay1-style3-a{
	width: 100%;
	height: 99%;
	background-color: #000;
	transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
	-ms-transition-duration: .5s;
	-o-transition-duration: .5s;
	opacity: .6;
	-moz-transform: translate(100%,-100%);
	-webkit-transform: translate(100%,-100%);
	-ms-transform: translate(100%,-100%);
	-o-transform: translate(100%,-100%);
	transform: translate(100%,-100%);
	margin-top:-4px;
	}

.overlay1-style3:hover div.overlay1-style3-a {
	transform: translate(0%,-100%);
	-ms-transform: translate(0%,-100%);
	-moz-transform: translate(0%,-100%);
	-webkit-transform: translate(0%,-100%);
	-o-transform: translate(0%,-100%);
	}
	
  
  .overlay1-style3-a a {
	display: inline-block;
}

/* -------------------- Overlay 1 - Style 4 (Overlay Left to Right) -------------------- */
.spaceright{margin-right:12px;}
.overlay1-style4 {
	width: 243px;
	height: 116px;
	overflow: hidden;
	float:left; margin-top:8px;
	}
	
.overlay1-style4-a{
	width: 100%;
	height: 100%;
	background-color: #000;
	transition-duration: .5s;
	-moz-transition-duration: .5s;
	-webkit-transition-duration: .5s;
	-ms-transition-duration: .5s;
	-o-transition-duration: .5s;
	opacity: .8;
	-moz-transform: translate(-100%,-100%);
	-webkit-transform: translate(-100%,-100%);
	-ms-transform: translate(-100%,-100%);
	-o-transform: translate(-100%,-100%);
	transform: translate(-100%,-100%);
	margin-top:-6px;
	}

.overlay1-style4:hover div.overlay1-style4-a {
	-moz-transform: translate(0%,-100%);
	-webkit-transform: translate(0%,-100%);
	-ms-transform: translate(0%,-100%);
	-o-transform: translate(0%,-100%);
	transform: translate(0%,-100%);
	}
	
  
  .overlay1-style4-a a {
	display: inline-block;
}

