/*На сайт подключается такой же CSS, но без камментариев, тк IE8 глючит на русских камментах, см ниже*/
/* ===============================================================
Basic Swiper Styles
================================================================*/
.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
	}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	box-sizing:content-box;
	}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function:ease-out;
	-moz-transition-timing-function:ease-out;
	-ms-transition-timing-function:ease-out;
	-o-transition-timing-function:ease-out;
	transition-timing-function:ease-out;
	margin:0 auto;
	}
.swiper-slide { float:left; }

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal { -ms-touch-action:pan-y; }
.swiper-wp8-vertical { -ms-touch-action:pan-x; }

/*===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/
 /*Переопределения ДЛЯ ПЛАВАЮШЕГО КОНТЕЙНЕРА С ПОСТОЯННОЙ ПРОПОРЦИЕЙ(иначе iframe не растягивается по высоте):*/
 /*см каменты в shablonF.php и http://alistapart.com/article/creating-intrinsic-ratios-for-video*/
.swiper-wrapper,
.swiper-container {							/*overide relative -> absolute у .swiper-container см выше, это не страшно*/
  position: absolute!important; top: 0; left: 0; width: 100%; height: 100%; }

  .swiper-container .arrow-left {			/*листалка влево*/ /* <- IE8 вылетает , а с фразой '*лист а лка влево *' - работает*/
	background: url(/images/prev-up.png) no-repeat left top;
	position: absolute;
	left: 5px;
	z-index: 9999;							/*явно поверх картинки и ифрейма(у последнего не лишне: &wmode=opaque или transparent*/
	top: 50%;
	margin-top: -15px;
	width: 17px;
	height: 30px;
	border: none!important;					/*отменить выделение картинок*/
	text-decoration: none;					/*отменить подчёркивание ссылок*/
	display: none;							/*показ включит JS, если есть куда листать*/
	outline: none; }						/*убираем пунктирную границу вокруг ссылок*/
	/*.swiper-container .arrow-left .disabled:hover { cursor: default; background: transparent url("/images/prev-disabled.png") no-repeat center center; }*/
	.swiper-container .arrow-left:hover { background: transparent url("/images/prev-over.png") no-repeat center center; }
  .swiper-container .arrow-right {			/*листалка вправо*/
	background: url(/images/next-up.png) no-repeat left bottom;
	position: absolute;
	right: 5px;
	z-index: 9999;
	top: 50%;
	margin-top: -15px;
	width: 17px;
	height: 30px;
	border: none!important;					/*отменить выделение картинок*/
	text-decoration: none;					/*отменить подчёркивание ссылок*/
	display: none;							/*показ включит JS, если есть куда листать*/
	outline: none; }						/*убираем пунктирную границу вокруг ссылок*/
	/*.swiper-container .arrow-right .disabled:hover { cursor: default; background: transparent url("/images/next-disabled.png") no-repeat center center; }*/
	.swiper-container .arrow-right:hover { background: transparent url("/images/next-over.png") no-repeat center center; }

.swiper-slide { width:100%; height:100%; }	/* Specify Slides's Size: */

.swiper-slide iframe,
.swiper-slide embed,
.swiper-slide object,
.swiper-slide img { max-width: 100%; }		/*масштабировать по ширине внешнего контейнера, иначе покажет только часть*/

.swiper-slide-active {						/* Specific active slide styling: */
	}
.swiper-slide-visible {						/* Specific visible slide styling: */	
	}
/* ===============================================================
Pagination Styles (радиобаттоны выбора слайдов) для него нужен внешний контейнер, см наш .pagination
================================================================*/
.pagination {								/*внешний контейнер для радиобаттонов выбора слайдов, стили радиобаттонов см Pagination Styles в idangerous.swiper.css*/
  position: absolute;
  left: 0;
  text-align: center;
  bottom: 5px;
  width: 100%;
  }

.swiper-pagination-switch {					/* Stylize pagination button: */
	display:inline-block;
	width:10px;
	height:10px;
	border-radius:10px;
	background:#999;
	box-shadow:0px 1px 2px #555 inset;
	margin:0 3px;
	cursor:pointer;
	}
.swiper-active-switch {						/* Specific active button style: */	
	background:#fff;
	}
.swiper-visible-switch {					/* Specific visible button style: */	
	}
