#metro-box{
	width: 100%;
	height: 1050px;
	margin: 1px 0 30px 30px;
	direction: ltr;
	overflow: hidden;
}
#metro-box .cloumn{
	width: 1100px;
	height: 1050px;
	float: left;
}	
#metro-box .metro-item{
	float: left;
	width: 540px;
	margin: 10px 10px 10px 10px;
}
#metro-box .metro-item.big{
	width: 540px;
}
#metro-box .metro-item .box-img{
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out:
	-0-transition: all .2s ease-in-out;
	position: relative;
	margin: 0;
	overflow: hidden;
}
#metro-box .metro-item .box-img img{
	width: 540px;
	height: 340px;
}
#metro-box .metro-item.big box-img{
	width: 540px;
}
#metro-box .metro-item.big box-img{
	width: 540px;
	height: 340px;
}
#metro-box .metro-item .box-img .metro-content{
	transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out:
	-0-transition: all .2s ease-in-out;
	position: absolute;
	bottom: -39%;
	text-align: left;
	left: 0;
	padding: 1px 10px 0 10px;
	height: 200px;
	width: 540px;
	background: rgba(46,204,113,.5);
}
#metro-box .metro-item .box-img:hover .metro-content{
	bottom: 0;
	height: 540;
}
#metro-box .metro-item .box-img .metro-content h3{
	font: 13px;
	color: #FDFDFD;
	text-align: left;
	direction: ltr;
}
#metro-box .metro-item .box-img .metro-content .description{
	color: #FDFDFD;
	text-align: left;
	line-height: 23px;
	margin-top: 30px;
	direction: ltr;
}
.color_1{
	background: rgba(46, 204, 113,.5) !important;
}
.color_2{
	background: rgba(240, 147, 43,.5) !important;
}
.color_3{
	background: rgba(255, 190, 118,.5) !important;
}
.color_4{
	background: rgba(255, 218, 121,.5) !important;
}
.color_5{
	background: rgba(255, 242, 0,.5) !important;
}
.color_6{
	background: rgba(225, 177, 44,.3) !important;
}