@charset "utf-8";
/* CSS Document */
.contenedor {
  position: relative;
  width: 50%;
}

.imagen {
  display: block;
  width: 100%;
  height: auto;
}

.cubrir {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: .5s ease;
	background-color: #BC0000;
}

.contenedor:hover .cubrir {
  opacity: 1;
}

.texto {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}