@charset "utf-8";

.wall-item {
  display: block;
  width:100%;
  height:250px;
  transition: all 220ms;
  position:relative;
}

.wall_abs_div {position:absolute;width:100%;height:100%;background:url('../theme/basic/img/hover_img.png') no-repeat center center;background-size:cover;top:0;left:0;opacity:0;}
.wall-item:hover .wall_abs_div{
	opacity:1;
  /*box-shadow: 0px 2px 3px 1px rgba(0, 0, 0, 0.1);
  transform: translateY(-5px);*/
  
  transition: all 220ms;
}

.wall-item > img {
  display: block;
  width: 100%;
}

.wall_img { position: absolute; top:50%; left:50%; transform:translate(-50%, -50%); width: 100%; height:100%; }
.wall_img img { width: 100%; height: 100%; }
.wall-item h2 {
  text-align: center;
  font-size: 14px;
  text-transform: uppercase;
  margin: 12px 0 0 0;
}

.wall {
  display: block;
  position: relative;
  overflow:hidden;
  width:100%;
  height:250px;
}

.wall-column {
  display: block;
  position: relative;
  width: 100%;
  height:250px;
  box-sizing: border-box;
}

/*
@media screen and (min-width:1100px) {
	.wall-column { width: 20%; }
}
@media screen and (max-width:1100px) {
	.wall-column { width: 33.33%; }
}
@media (max-width: 640px) {

	.wall-column { width: 100%; }
}
@media (max-width: 480px) {

	.wall-column {
	  width: auto;
	  float: none;
	}
}
*/