#grid-container {
  width: 100%;
  margin: auto;
  overflow: hidden;
}

.grid-item {
  opacity: 0;
  float: left;
  box-sizing: border-box;
  position: relative;
  margin-bottom:15px;
  cursor:pointer;
}

.content_men{
	width: 100%;
	position: absolute;
	text-align: center;
	opacity:0;
	top:10px;
	background:url(../../img/bg_sd.png) repeat;
}
					
.content_men h3{
	width: 100%;
	height:100%;
	line-height: inherit;
	margin: 0 auto;
	text-align: center;
}

.content_men h3 a{
	display:inline-block;
	text-transform:uppercase;
	color:#fff;
	background:url(../../img/rec_left.png) no-repeat left top;
	padding-left:15px;
	padding-top:10px;
	font-size:18px;
}

.content_men h3 span{
	display:inline-block;
	text-transform:uppercase;
	color:#fff;
	background:url(../../img/rec_right.png) no-repeat right bottom;
	padding-right:15px;
	padding-bottom:10px;
}

.content_men h3 a:hover{
	color:#b05025;
}


.grid-item:hover .content_men{
  opacity: 1;
  
}

.grid-item img {
  width: 100%;
  height: 100%;
}

.grid-item.loaded {
  opacity: 1;
  transition: opacity .5s;
}