.ulslider-container {
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    width:100%;
}

.ulslider-container li {
	position: relative;
}

.ulslider-autohidearrows .ulslider-arrow {
	opacity: 0;
	visibility: hidden;
}

.ulslider-autohidearrows:hover .ulslider-arrow {
	opacity: 1;
	visibility: visible;
}

.ulslider-overflow {
	position: relative;
}

.ulslider-arrow {
	width:30px;
	height: 60px;
	display: inline-block;
	position: absolute;
	top:calc(50% - 30px);
	cursor: pointer;
	overflow:visible;
	clear: both;
	z-index: 3;
	float:left;
	-webkit-transition: all 340ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	-moz-transition: all 340ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	-o-transition: all 340ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	transition: all 340ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	opacity: 0.5;
}


.ulslider-arrow.ulslider-arrow-left {
	left:10px;
}
.ulslider-arrow.ulslider-arrow-left:before {
	display: inline-block;
	content:'';
	position: absolute;

	border: solid #626667;
    border-width: 0 5px 5px 0;
    display: inline-block;

    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);

    height: 30px;
    width: 30px;

    top:calc(50% - 20px);
    left:8px;
}

.ulslider-overflow:before {
	content:'';
	display: block;
	position: absolute;
	pointer-events: none;
	width:100%;
	height: 100%;
	top:0;
	left:0;
	z-index: 3;
}


.ulslider-overflow:before {
	-webkit-transition: all 640ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	-moz-transition: all 640ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	-o-transition: all 640ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	transition: all 640ms cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	opacity: 0;
	background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,0) 90%,rgba(0,0,0,1) 100%);
}
.ulslider-overflow:hover:before {
	opacity: 1;
}

.ulslider-arrow.ulslider-arrow-right {
	right:10px;
}

.ulslider-arrow.ulslider-arrow-right:before {
	display: inline-block;
	content:'';
	position: absolute;

	border: solid #626667;
    border-width: 0 5px 5px 0;
    display: inline-block;

    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);

    height: 30px;
    width: 30px;

    top:calc(50% - 20px);
    right:8px;
}