.slider-container {
	width: 100%;
	height: 500px;
	position: relative;
	overflow: hidden;

}

	.slider {
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%;
		list-style: none;
	}

		.slide {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
		}

			.slide-bg {
				position: relative;
				overflow: hidden;
				z-index: 1;
			}

				.slide-bg img {
					width: 100%;
					height: auto;
					display: block;
				}

			.slide-content {
				position: absolute;
				top: 150px;
				width: 100%; max-width:1170px;
				z-index: 2;
				color: white;
				padding: 0 0 0 370px;
				text-shadow: 0 1px 2px rgba(0,0,0,0.1);
			}

				.slide-content h2 {	
					font-size: 52px;
					margin: 0 0 10px;
           -webkit-animation-name: jbMove;
        -webkit-animation-duration: 1s;
        animation-name: jbMove;
        animation-duration: 1s;
				}



    @-webkit-keyframes jbMove {
        from {
          margin-left: 200px;
        }
        to {
          margin-left: 0px;
        }
      }
      @keyframes jbMove {
        from {
          margin-left: 200px;
        }
        to {
          margin-left: 0px;
        }
      }




				.slide-content p {
					font-size: 20px;
					margin: 0 0 30px;
   -webkit-animation-name: jbMove2;
        -webkit-animation-duration: 2s;
        animation-name: jbMove2;
        animation-duration: 2s;

				}




    @-webkit-keyframes jbMove2 {
        from {
          margin-left: 300px;
        }
        to {
          margin-left: 0px;
        }
      }
      @keyframes jbMove2 {
        from {
          margin-left: 300px;
        }
        to {
          margin-left: 0px;
        }
      }










				.slide-content a {
					color: #333;
					padding: 10px;
					line-height: 1;
					background: white;
					border-radius: 3px;
					display: inline-block;
					text-decoration: none;
					-webkit-transition: all 0.5s ease;
				}

	.slider-controls {
		position: absolute;
		top: 0;
		width: 100%;
		height: 100%; 
	}

		.slide-nav {

		}

			.slide-nav .prev,
			.slide-nav .next {
				position: absolute;
				top: 50%;
				z-index: 10;
				color: white;
			}

			.slide-nav .prev {
				left: 20px;
			}

			.slide-nav .next {
				right: 20px;
			}

		.slide-list {
			position: absolute;
			bottom: 25%;
			z-index: 10;
			margin-left: 920px;
			padding: 0;
			width: 1170px;
			list-style: none;
			text-align:center;
		}

			.slide-list li {
				margin: 0 10px;
				display: inline-block;
			}

				.slide-list li a {
					opacity: 0.7;
					width: 20px;
					height: 20px;
					display: block;
					background: white;
					border-radius: 20px;
					text-indent: -9999px;
				}

				.slide-list li.active a {
					opacity: 1; background:#00ffde;
				}

				.slide-list li a:hover {
					opacity: 1;
				}