.third-effect{border:1px solid #CCCCCC; height:230px; position:relative;}
.third-effect .mask {
	
   opacity: 0;
   overflow:visible;
  /* border:75px solid rgba(0,0,0,0.7);*/
   background-color:rgba(0,0,0,0.7);
  /* box-sizing:border-box;*/
   transition: all 0.4s ease-in-out;
  
}

.third-effect a.info {
   position:relative;
   top:0px; /* Center the link */
   opacity: 0;
   transition: opacity 0.5s 0s ease-in-out;
   text-decoration:none;
   color:#FFFF00;
   background-color:#999999;
   display:block;
}

.third-effect:hover .mask {
   opacity: 1;
   /*border:75px solid rgba(0,0,0,0.7);*/
   background-color:rgba(0,0,0,0.7);
}

.third-effect:hover a.info {
   opacity:1;
   transition-delay: 0.3s;
}