a.hovertext {
    position: relative;
    text-decoration: none !important;
    text-align: center !important;
  }
  a.hovertext:after {
    content: attr(title);
    position: absolute;
	height:30px;
    left: 0;
	padding: 50px 0px 0px 0px;
    bottom: 50%;
	width: 100%;
	padding-top: 10px;
    background: rgba(0,0,0,0.8);
    text-decoration: none !important;
    color: #fff;
    opacity: 0;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
  }
  a.hovertext:hover:after, a.hovertext:focus:after {
    opacity: 1.0;
  }