[Artem_A]

рони,

Там еще вот так

$(function(){
  $('#galer div').hover(
    function(){
    $(this).prepend(
    '<div class="hoverBlock">' +
      '<div>' +
        '<h1>TITLE HERE</h1>' +
        '<p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium</p>' +
        '<a class="share1"></a>' +
        '<a class="share2"></a>' +
        '</div>' +
    '</div>');
  }
  function(){
    $(this).find('.hoverBlock').remove();
  }
);
});

<div id="galer">
        <div height="361"><img src="./img/main/portfolio/galery/layer86.jpg" alt="" ></div>
        <div height="229"><img src="./img/main/portfolio/galery/layer87.jpg" alt="" ></div>
        <div height="301"><img src="./img/main/portfolio/galery/layer91.jpg" alt="" ></div>
        <div height="361"><img src="./img/main/portfolio/galery/layer88.jpg" alt="" ></div>
        <div height="344"><img src="./img/main/portfolio/galery/layer95.jpg" alt="" ></div>
        <div height="374"><img src="./img/main/portfolio/galery/layer89.jpg" alt="" ></div>
        <div height="361"><img src="./img/main/portfolio/galery/layer90.jpg" alt="" ></div>
        <div height="269"><img src="./img/main/portfolio/galery/layer93.jpg" alt=""></div>
        <div height="357"><img src="./img/main/portfolio/galery/layer96.jpg" alt="" ></div>
        <div height="301"><img src="./img/main/portfolio/galery/layer97.jpg" alt=""></div>
        <div height="255"><img src="./img/main/portfolio/galery/layer94.jpg" alt=""></div>
        <div height="209"><img src="./img/main/portfolio/galery/layer92.jpg" alt="" ></div>
      </div>

.hoverBlock {
  position: absolute;
  z-index: 0;
  width:100%;
  height: 100%;
  background-color: rgba(0, 0, 0,0.7);
}
.hoverBlock div {
  width: 69%;
  margin: 0 auto;
  margin-top: 30%;
}
.hoverBlock h1 {
  font: 20px 'Source Sans Pro';
  color: #19bd9a;
  letter-spacing: 5px;
}
.hoverBlock p {
  font: 12px 'Open Sans';
  color: #b2b3b3
}