.dress-box{
	width: 1460px;
	max-width: 100%;
	display: block;
	margin: 0 auto;
}
.dress-info-box{
  width: 100%;
  display: block;
  font-size: 0;
  padding-bottom: 80px;
}

.dress-info-list{
  width: 24%;
  margin: 0 0.5%;
  margin-bottom: 20px;
  position: relative;
  cursor: pointer;
  text-align: center;
}

.dress-mask-box{
	width: 100%;
	height: 100%;
	display: block;
	background-image: url('../img/hover-icon.png');
	background-size: 18px;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(240, 157, 162, 0.3);
	transition: all .3s linear;
	opacity: 0;
}

.grid.effect-1 li.animate {
	-webkit-animation: fadeIn 0.65s ease forwards;
	animation: fadeIn 0.65s ease forwards;
}
.grid li{
	opacity: 0;
}
.grid li.shown{
	opacity: 1;
}
.dress-img-box{
	position: relative;
	display: inline-block;
}