* {
	margin: 0;
	padding: 0;
	
	-webkit-font-smoothing: antialiased;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


.banner {
	position: relative;
	width: 100%;
	height: auto;
    overflow: hidden;
	font-size: 18px;
	line-height: 24px;
	text-align: center;	
	color: rgba(255,255,255,.6);
	/*text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3);	*/
}

.banner ul {
	list-style: none;
	width: 100%;
	margin:0;
}
.banner ul li {
	display: block;
	float: left;
	margin-left: auto;
	margin-right: auto;
	padding: 0;	
	height: 440px;
	background:center;
}

   .bannercontent {
    position:absolute;
	z-index:100;
	float:left;
	margin-top:240px;
	background:url(../images/caption_bg.png) no-repeat center center ;
	max-height:400px;
	width: 387px;
	max-width:387px;
	overflow: hidden;
	padding:20px 50px;
	box-sizing: content-box;
    }
    .bannercontent .text {
        font: normal 19px 'robotoregular', Arial, sans-serif;
		font-style:italic;
        color: #414141;
        line-height: 24px;
        letter-spacing: 0;
        float: left;
    }

.banner img {
    position: absolute;
    top: 0px;
    left: 0px;
    max-width: none;
}

.banner .btn {
	display: inline-block;
	margin: 25px 0 0;
	padding: 9px 22px 7px;
	clear: both;
	
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	
	border: 2px solid rgba(255,255,255,.4);
	border-radius: 5px;
}
	.banner .btn:hover {
		background: rgba(255,255,255,.05);
	}
	.banner .btn:active {
		-webkit-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
		-moz-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
		-ms-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
		-o-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
		filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
	}
	
.banner .btn, .banner .dot {
	-webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	-moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	-ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	-o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
}

.banner .dots {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0px;
}
.banner .dots li {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 4px;
  
  text-indent: -999em;

  background: #fff;
  
  
  border-radius: 6px;
  
  cursor: pointer;
  opacity: .4;
  
  -webkit-transition: background .5s, opacity .5s;
  -moz-transition: background .5s, opacity .5s;
  transition: background .5s, opacity .5s;
}

.banner .dots li.active {
  background: #F2CB05;
  opacity: 1;
}
	
	.banner h1 {
       text-align:left;
       letter-spacing: -0.05em;
        /*
		line-height:38px;
		margin-bottom:5px;*/
	}
	
	.banner p {
		color: red;
	}