.slide_item {
 display: none
}
.slide_item img {
 width: 100%;
}
.slidercontainer {
 /*max-width: 1000px;*/
 max-width: 100%;
 position: relative;
 margin: auto;
}

.camcontainer {
 max-width: 600px;
 color: #eff5d4;
 text-align: left;
 margin: auto;
 padding: 6px;
 background: rgb(51, 51, 51, 0.5); /* #333333; night rider [gray > 20%] */

 /*border: 3px solid #666666;*/ /* dim gray [gray > 40%] */
 border: 1px solid #666666; /* dim gray [gray > 40%] */
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 -ms-border-radius: 6px;
 -o-border-radius: 6px;
 border-radius: 6px;

/*
 -webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.6);
 -moz-box-shadow: 0 0 10px rgba(255, 255, 255, 0.6);
 box-shadow: 0 0 10px rgba(255, 255, 255, 0.6);*/ /* white 60% */
}
.camcontainer_header {
 margin: 0 0 6px 0;
}
.camcontainer_header span {
 vertical-align: middle;
}

.floatleft {
 float: left;
}
.floatright {
 float: right;
}

.left, .right, .back {
 cursor: pointer;
 position: absolute;
 left: 0;
 top: 50%;
 width: auto;
 padding: 16px;
 margin-top: -22px;
 color: white;
 font-weight: bold;
 /*font-size: 1.3em;*/
 /*font-size: 18px;*/
 transition: 0.6s ease;

 -webkit-border-radius: 0 10px 10px 0;
 -moz-border-radius: 0 10px 10px 0;
 -ms-border-radius: 0 10px 10px 0;
 -o-border-radius: 0 10px 10px 0;
 border-radius: 0 10px 10px 0;
}
.right {
 left: auto;
 right: 0;

 -webkit-border-radius: 10px 0 0 10px;
 -moz-border-radius: 10px 0 0 10px;
 -ms-border-radius: 10px 0 0 10px;
 -o-border-radius: 10px 0 0 10px;
 border-radius: 10px 0 0 10px;
}
.back {
 left: 0;
 top: 10px;
 margin-top: -10px;

 -webkit-border-radius: 0 0px 10px 0;
 -moz-border-radius: 0 0px 10px 0;
 -ms-border-radius: 0 0px 10px 0;
 -o-border-radius: 0 0px 10px 0;
 border-radius: 0 0px 10px 0;
}
.left:hover, .right:hover, .back:hover {
 background-color: rgba(115, 115, 115, 0.8);
}

.content {
 color: #eff5d4;
 /*font-size: 30px;*/
 /*font-size: 1.3em;*/
 padding: 8px 12px;
 position: absolute;
 top: 10px;
 width: 100%;
 text-align: center;
}
.active {
 background-color: #717171;
}

/* fading animation */
.fade {
 -webkit-animation-name: fade;
 -webkit-animation-duration: 1.0s;
 animation-name: fade;
 animation-duration: 1.0s;
}
@-webkit-keyframes fade {
 from {
  opacity: .4
 } to {
 opacity: 1
 }
}

@keyframes fade {
 from {
  opacity: .4
 } to {
  opacity: 1
 }
}