/* Style the arrows*/
		.unslider {
			/* set the positioning context for the dots */
			position: relative;
		}
		.unslider-arrow { 
			/* position the navigation dots over the slides */
			position: absolute;
			top: 40%;
			
			z-index: 1000; /* Make sure the dots show over the images */
			
			font-size: 2em;
			visibility: hidden;
		}

.unslider:hover > .unslider-arrow.prev, .unslider:hover > .unslider-arrow.next {
    opacity: 0.6;
}
		
		/* Change the arrow styles
			You could also use an image instead
		*/
		.unslider-arrow { 
			visibility: hidden;	/* Hide the default arrows */
		}
		
		/* Use dynamic content to add in a different character and show it */
		.unslider-arrow:before {
			visibility: visible;
		}
		.unslider-arrow.prev:before {
			content: '\2039';
			font-size: 27px;
			background: #4c4c4c;
			color: #fff !important;
			padding: 5px 12px;
			visibility: visible;
		}
		.unslider-arrow.next:after {
			content: "\203A";
			font-size: 27px;
			background: #4c4c4c;
			color: #fff !important;
			padding: 5px 12px;
			visibility: visible;
		}