.rockCarousel {
	position:relative;
	text-align: center;
	overflow:hidden;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	-o-user-select:none;
	user-select:none;
}
.rockCarousel__runner {
	position:relative;
	left:0;
	-webkit-transition:left .5s ease;
	-moz-transition:left .5s ease;
	-ms-transition:left .5s ease;
	-o-transition:left .5s ease;
	transition:left .5s ease;
}
.rockCarousel__runner:after {
	content:'';
	display:block;
	clear:both;
}
.rockCarousel__item {
	float:left;
}
.rockCarousel__nav {
	position:absolute;
	top:0;
	bottom:0;
	width:10%;
	cursor:pointer;
	z-index:1;
	opacity:0;
	background: rgba(255, 255, 255, .1);
	
	-webkit-transition:opacity .2s ease;
	-moz-transition:opacity .2s ease;
	-ms-transition:opacity .2s ease;
	-o-transition:opacity .2s ease;
	transition:opacity .2s ease;
}
.rockCarousel__nav:before, .rockCarousel__nav:after {
	content: '';
	display:block;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	width:4px;
	height:20px;
	background:#000;
	z-index:1;
}
.rockCarousel:hover .rockCarousel__nav {
	opacity:.5;
}
.rockCarousel:hover .rockCarousel__nav:hover {
	opacity:1;
}
.rockCarousel__nav.prev {
	left:0;	
}
.rockCarousel__nav.next {
	right:0;	
}
.rockCarousel__nav.prev:before {
	-webkit-transform:skew(45deg) translateY(10px) translateX(-10px);
	-moz-transform:skew(45deg) translateY(10px) translateX(-10px);
	-ms-transform:skew(45deg) translateY(10px) translateX(-10px);
	-o-transform:skew(45deg) translateY(10px) translateX(-10px);
	transform:skew(45deg) translateY(10px) translateX(-10px);
}
.rockCarousel__nav.prev:after {
	-webkit-transform:skew(-45deg) translateY(-10px) translateX(-10px);
	-moz-transform:skew(4-5deg) translateY(-10px) translateX(-10px);
	-ms-transform:skew(-45deg) translateY(-10px) translateX(-10px);
	-o-transform:skew(-45deg) translateY(-10px) translateX(-10px);
	transform:skew(-45deg) translateY(-10px) translateX(-10px);	
}
.rockCarousel__nav.next:before {
	-webkit-transform:skew(-45deg) translateY(10px) translateX(10px);
	-moz-transform:skew(-45deg) translateY(10px) translateX(10px);
	-ms-transform:skew(-45deg) translateY(10px) translateX(10px);
	-o-transform:skew(-45deg) translateY(10px) translateX(10px);
	transform:skew(-45deg) translateY(10px) translateX(10px);	
}
.rockCarousel__nav.next:after {
	-webkit-transform:skew(45deg) translateY(-10px) translateX(10px);
	-moz-transform:skew(45deg) translateY(-10px) translateX(10px);
	-ms-transform:skew(45deg) translateY(-10px) translateX(10px);
	-o-transform:skew(45deg) translateY(-10px) translateX(10px);
	transform:skew(45deg) translateY(-10px) translateX(10px);		
}