/*
 | ------------------------------------------
 | Glide styles
 | ------------------------------------------
 | Here are slider styles
 | 
*/

.slider {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
}


/*?????????*/

.slides {
    height: auto;
    /* Simple clear fix */
    overflow: hidden;
    /**	
		 * Prevent blinking issue
		 * Not tested. Experimental.
		 */
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    /**
		 * Here is CSS transitions 
		 * responsible for slider animation in modern broswers
		 */
    -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}

.slide {
    height: auto;
    float: left;
    clear: none;
}

.slider-arrows {}

.slider-arrow {
	
    position: absolute;
    display: block;
    margin-bottom: -20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
    text-align: center;
    color: #fff;
    font-size: 2em;
    background-color: #333;
    background-color: rgba(50, 50, 50, .3);
    border-radius: 50%;
}


/*???????????????λ??*/

.slider-arrow--right {
    bottom: 50%;
    right: 30px;
}

.slider-arrow--left {
    bottom: 50%;
    left: 30px;
}


/*
background:url(img/.png) no-repeat;
*/

.slider-nav {
	position: absolute;
	float:right;
	right:50px;
    bottom: 20px;
	
}

.slider-nav__item {
    /*nva???*/
    width: 12px;
    height: 12px;
    float: left;
    clear: none;
    display: block;
    margin: 0 5px;
    background: #fff;
    border-radius: 100%;
}

.slider-nav__item:hover {
    background: #ca3735;
}

.slider-nav__item--current {
    background: #ca3735;
}


/*????к?????*/