.view {
   width: 250px;
   height: 200px;
   margin: 10px;
   float: left;
   border: 10px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
  /* background: #fff url(../images/bgimg.jpg) no-repeat center center;*/
}
.view .mask,.view .content {
   width: 250px;
   height: 200px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view h2 {
   text-transform: uppercase;
   color: #fff;
   text-align: center;
   position: relative;
   font-size: 17px;
   padding: 10px;
   background: rgba(0, 0, 0, 0.8);
   margin: 20px 0 0 0;
}
.view p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align: center;
}
.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}
.view-big img {
   -webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -o-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transition: all 0.7s ease-in-out;
   -moz-transition: all 0.7s ease-in-out;
   -o-transition: all 0.7s ease-in-out;
   -ms-transition: all 0.7s ease-in-out;
   transition: all 0.7s ease-in-out;
}
.view-big .mask {
   background-color: rgba(255, 231, 179, 0.3);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-big h2 {
   border-bottom: 1px solid rgba(0, 0, 0, 0.3);
   background: transparent;
   margin: 20px 40px 0px 40px;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   color: #333;
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-big p {
   color: #333;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.view-big a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.view-big:hover img {
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-big:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-big:hover h2,.view-big:hover p,.view-big:hover a.info {
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
		@-webkit-keyframes cf4FadeInOut {
	 0% {
	   opacity:0;
	 }
	 25% {
	   opacity:1;
	 }	
	 50% {
	   opacity:1;
	 }
	 100% {
	   opacity:0;
	 }
	}
	
	@-moz-keyframes cf4FadeInOut {
	 0% {
	   opacity:0;
	 }
	 25% {
	   opacity:1;
	 }	
	 50% {
	   opacity:1;
	 }
	 100% {
	   opacity:0;
	 }
	}
	
	@-ms-keyframes cf4FadeInOut {
	 0% {
	   opacity:0;
	 }
	 25% {
	   opacity:1;
	 }	
	 50% {
	   opacity:1;
	 }
	 100% {
	   opacity:0;
	 }
	}		
	
	#cf4a {clear:both;
  
/*    
		position:relative;*/
		/*height:281px;
		width:500px;
		margin:0 auto;*/
	}
	#cf4a img {
		position:absolute;/*this puts images on top of one another*/
		/*right:0;*/
        left:20px;
	}
	
	#cf4a img {
		-webkit-animation-name: cf4FadeInOut;
		-webkit-animation-timing-function: ease-in-out;
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-duration: 50s;

		-moz-animation-name: cf4FadeInOut;
		-moz-animation-timing-function: ease-in-out;
		-moz-animation-iteration-count: infinite;
		-moz-animation-duration: 50s;
		
		-ms-animation-name: cf4FadeInOut;
		-ms-animation-timing-function: ease-in-out;
		-ms-animation-iteration-count: infinite;
		-ms-animation-duration: 50s;	
        padding:10px;
      /*  border-width:5px;
        border-color:#ccc;
        border-style:ridge;
       
        
       -webkit-border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;		*/	
	}
	#cf4a img:nth-of-type(1) {
 		-webkit-animation-delay: 0;		
 		-moz-animation-delay: 0;	
 		-ms-animation-delay: 0;	
	}
	#cf4a img:nth-of-type(2) {
 		-webkit-animation-delay: 10s;		
 		-moz-animation-delay: 10s;	
 		-ms-animation-delay: 10s;
	}
	#cf4a img:nth-of-type(3) {
 		-webkit-animation-delay: 20s;		
 		-moz-animation-delay: 20s;		
 		-ms-animation-delay: 20s;		
	}
	#cf4a img:nth-of-type(4) {
 		-webkit-animation-delay: 30s;		
 		-moz-animation-delay: 30s;		
 		-ms-animation-delay: 30s;		
	}	
    
   #cf4a img:nth-of-type(5) {
 		-webkit-animation-delay: 40s;		
 		-moz-animation-delay: 40s;		
 		-ms-animation-delay: 40s;		
	}	
    #cf4a img:nth-of-type(6) {
 		-webkit-animation-delay: 50s;		
 		-moz-animation-delay: 50s;		
 		-ms-animation-delay: 50s;		
	}	
   /*  #cf4a img:nth-of-type(7) {
 		-webkit-animation-delay: 48s;		
 		-moz-animation-delay: 48s;		
 		-ms-animation-delay: 48s;		
	}	
    #cf4a img:nth-of-type(8) {
 		-webkit-animation-delay: 56s;		
 		-moz-animation-delay: 56s;		
 		-ms-animation-delay: 56s;		
	}	
    #cf4a img:nth-of-type(9) {
 		-webkit-animation-delay: 64s;		
 		-moz-animation-delay: 64s;		
 		-ms-animation-delay: 64s;	*/	
	}