/*
 | ------------------------------------------
 | Glide styles
 | ------------------------------------------
 | Here are slider styles
 | 
*/
.h_slide {
	/*height: 17.6rem;*/ overflow: hidden;
	position: relative;
}
.h_slide .slide {
	position: relative;text-align: center;
}
.h_slide .slide img {
	max-width: 100%;/*height: 17.6rem; width: 32rem;*/
	display: inline-block;
}
.h_slide .slide h4 {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 2.65rem;
	line-height: 2.65rem;
	background: rgba(0,0,0,0.6);
	font-size: 1.4rem;
	color: #ffffff;
	padding-left: 1rem;
}
.slider {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.slides {
	height: 100%;
	/* 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: 100%;
	float: left;
	clear: none;
}
.slide img {
	display: block;
}
.slider-arrows {
}
.slider-arrow {
	position: absolute;
	display: block;
	margin-bottom: -20px;
	width: 6.1rem;
	height: 8.6rem;
	text-decoration: none;
	text-align: center;
	color: #fff;
	font-size: 2em;
	background-color: #333;
	background-color: rgba(50,50,50,.3);
	background: url(../images/bright.png) no-repeat center center;
}
.slider-arrow--right {
	bottom: 50%;
	right: 0;
	width: 5.8rem;
}
.slider-arrow--left {
	bottom: 50%;
	left: 0;
	background: url(../images/bleft.png) no-repeat center center;
}
.slider-nav {
	bottom: 1rem;
	left: 0 !important;
	right: 1rem !important;
	margin-left: 0 !important;
	position: absolute;
	width: 100% !important;
	z-index: 9;
	text-align: center;
}
.slider-nav__item {
	width: 1rem;
	height: 1rem;
	cursor: pointer;
	display: inline-block;
	margin: 0 0.5rem;
	background: #aeaeae;
	border-radius: 50%;
}
.slider-nav__item:hover { /*background: #ccc;*/
}
.slider-nav__item--current {
	background: #f0f0f0;
}
.m_slide {
	/*height: 17.6rem;*/ overflow: hidden;
	position: relative;
}
.m_slide .slide {
	position: relative;text-align: center;
}
.m_slide .slide img {
	max-width: 100%;/*height: 17.6rem; width: 32rem;*/
	display: inline-block;
}
.m_slide .slide h4 {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 2.65rem;
	line-height: 2.65rem;
	background: rgba(0,0,0,0.6);
	font-size: 1.4rem;
	color: #ffffff;
	padding-left: 1rem;
}
.news_slide .slide h4 {position: absolute;left: 0;right: 0;bottom: 0;height:30px;line-height:30px;background: rgba(0,0,0,0.2);font-size:12px;color: #ffffff;padding-left: 1rem;width:100%;box-sizing: border-box;}
.news_slide{position: relative;overflow:hidden;}
.news_slide .slider-arrows{position: absolute;top:-42px;right: 0;width: 90px;}
.news_slide .slider-arrows .slider-arrow{display: inline-block;width: 41px;height: 41px;line-height: 41px;text-align: center;font-size: 18px; background-color: #a82e36;color: #fff;font-weight: normal;}
.news_slide .slide{position: relative;}
.news_slide .slider-nav {bottom: 0.5rem;left: 0 !important;right: 1rem !important;margin-left: 0 !important;position: absolute;width: 100% !important;z-index: 9;text-align: right;padding-right: 3px;box-sizing: border-box;}
.news_slide .slider-nav__item {width:6px;height:6px;cursor: pointer;display: inline-block;margin: 0 3px;background: #565151;border-radius: 100%;}
.news_slide .slider-nav__item--current {background: #fad4cc;}