/*.slider { 
  padding: 0;
  margin: 0;
  max-width: 100%;
  margin: 0 auto;
  overflow: hidden;
  max-width: 921px;
  border: 6px solid #fff;
}

.slider ul {
  width: 1000%;
  height: auto;
  position: relative;
  list-style: none;
  left: 0;
  margin: 0;
  padding: 0;
  line-height: 0;
  -moz-animation:slide-animation 15s infinite;
  -webkit-animation:slide-animation 15s infinite;
}

.slider ul:hover {
  -moz-animation-play-state:paused;
  -webkit-animation-play-state:paused;
}

.slider li {
  width: 10%;
  list-style: none;
  float: left;
  margin: 0;
  padding: 0;
}

#slider img {
  max-width: 110% !important;
}

#slider span {
  position: relative;
  height: 50px;
  display: block;
  font-size: 0.8em;
  bottom: 0;
  padding: 0.5px 20px 0px 20px;
  margin-top: -50px;
  overflow: hidden;
  background-color:rgba(255,204,0,0.75);
  color: #000;
  font-weight: normal;
}

@-webkit-keyframes slide-animation {
1% {left: 0%; opacity: 1;}
  15% {left: 0%; opacity: 1}
  16% {opacity: 1;}
  
  17% {left: -100%; opacity: 1;}
  31% {left: -100%; opacity: 1;}
  32% {opacity: 1;}
  
  33% {left: -200%; opacity: 1;}
  47% {left: -200%; opacity: 1;}
  48% {opacity: 1;}
  
  49% {left: -300%; opacity: 1;}
  63% {left: -300%; opacity: 1;}
  64% {opacity: 1;}
  
  65% {left: -400%; opacity: 1;}
  79% {left: -400%; opacity: 1;}
  80% {opacity: 1;}
  
  81% {left: -500%; opacity: 1;}
  88% {left: -500%; opacity: 1;}
  99% {opacity: 1;}
  
  100% {left: 0%;}
}

@-moz-keyframes slide-animation {
  1% {left: 0%; opacity: 1;}
  15% {left: 0%; opacity: 1}
  16% {opacity: 1;}
  
  17% {left: -100%; opacity: 1;}
  31% {left: -100%; opacity: 1;}
  32% {opacity: 1;}
  
  33% {left: -200%; opacity: 1;}
  47% {left: -200%; opacity: 1;}
  48% {opacity: 1;}
  
  49% {left: -300%; opacity: 1;}
  63% {left: -300%; opacity: 1;}
  64% {opacity: 1;}
  
  65% {left: -400%; opacity: 1;}
  79% {left: -400%; opacity: 1;}
  80% {opacity: 1;}
  
  81% {left: -500%; opacity: 1;}
  88% {left: -500%; opacity: 1;}
  99% {opacity: 1;}
  
  100% {left: 0%;}
}
@media only screen and (max-width: 600px) {
	#slider span {
  		display: none;
	}
}
*/
#slider {
  position: relative;
  overflow: hidden;
  margin: 20px auto 0 auto;
  border-radius: 4px;
}

#slider ul {
  position: relative;
  margin: 0;
  padding: 0;
  height: 200px;
  list-style: none;
}

#slider ul li {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 7px 0 0 0;
  width: 933px;
  height: 320px;
  background: #ffffff;
  text-align: center;
  line-height: 300px;
}

a.control_prev, a.control_next {
  position: absolute;
  top: 40%;
  z-index: 999;
  display: block;
  padding: 4% 3%;
  width: auto;
  height: auto;
  background: #ffffff;
  color: #336600;
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
  opacity: 0.8;
  cursor: pointer;
}

a.control_prev:hover, a.control_next:hover {
  opacity: 1;
  -webkit-transition: all 0.2s ease;
}

a.control_prev {
  border-radius: 0 2px 2px 0;
}

a.control_next {
  right: 0;
  border-radius: 2px 0 0 2px;
}

.slider_option {
  position: relative;
  margin: 10px auto;
  width: 160px;
  font-size: 18px;
}
#slider span.caption {
  position: absolute;
  z-index: 999;
  height: 50px;
  width: 100%;
  display: block;
  font-size: 0.8em;
  bottom: 0;
  /*padding: 0.5px 20px 0px 20px;*/
  margin-top: -47px;
  overflow: hidden;
  background-color:rgba(255,204,0,0.75);
  color: #000;
  font-weight: normal;
}
#slider h4 {
	margin: 0 auto;
	padding: 0;
	line-height: 50px;
	font-size: 18px !important;
}
	
}