.slider {
	width: 100%;
	overflow: hidden;
	position: relative;
	clear: both;
}
.slider .mask {
	overflow: hidden;
	position: relative;
	height: 400px;
}
.slider .mask img {
	left: 0;
    position: absolute;
    top: -30%;
    width: 100%;
}
.slider .caption {
	height: 130px;
	margin-top: -130px;
	color: white;
	position: relative;
	z-index: 10;
	text-align: right;
	font-size: 20px;
	padding-right: 20px;
background: -moz-linear-gradient(top, rgba(62,62,62,0.2) 0%, rgba(62,62,62,0.9) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(62,62,62,0.2)), color-stop(100%,rgba(62,62,62,0.9)));
background: -webkit-linear-gradient(top, rgba(62,62,62,0.2) 0%,rgba(62,62,62,0.9) 100%);
background: -o-linear-gradient(top, rgba(62,62,62,0.2) 0%,rgba(62,62,62,0.9) 100%);
background: -ms-linear-gradient(top, rgba(62,62,62,0.2) 0%,rgba(62,62,62,0.9) 100%);
background: linear-gradient(to bottom, rgba(62,62,62,0.2) 0%,rgba(62,62,62,0.9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333e3e3e', endColorstr='#e63e3e3e',GradientType=0 );
}
.slider .caption h1 {
	font-weight: normal;
	padding-top: 20px;
}