.fancyboxeffect
{
  position: relative;
  cursor:pointer;
}
.fancyboxhover
{
  position: absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background:rgba(237, 44, 27, 0.8);
  color:white !important;
  text-transform: uppercase;
  transition:0.5s ease all;
  opacity: 0;
}
.fancyboxeffect:hover .fancyboxhover
{
  opacity:1;
}
.abs_center
{
  position: absolute;
  top:50%;
  left:50%;
  transform:translateY(-50%) translateX(-50%);
  text-align: center;
  width:100%;
}