/**
*
* =css3動畫
*
**/
.view {
	overflow: hidden;
	position: relative;
	text-align: center;
	cursor: default;
}

.view .mask, 
.view .content {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	top: 0px;
	left: 0px;
}

.view img {
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.view:hover img {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
	opacity: 0.7;
}

.view a.info {
	display: block;
	text-decoration: none;
	width: 100%;
	height: 400px;
	vertical-align: middle;
	text-align: center;
	color: #fff;
}

.view a.info h2 {
	width: 100%;
	display: block;
	text-align: center;
}

.third-effect .mask {
	opacity: 0;
	overflow: visible;
	background: #000;
	box-sizing: border-box;
	transition: all 0.4s ease-in-out 0s;
}

.third-effect a.info {
	position: relative;
	opacity: 0;
	transition: opacity 0.5s ease-in-out 0s;
}

.third-effect:hover .mask {
	opacity: 0.7;
	background: #000;
}

.third-effect:hover a.info {
	opacity: 1;
	transition-delay: 0.3s;
}
