.bana {
	width: 960px;
	height: 625px;
	padding: auto;}

.sliderContainer {
	position: absolute;
	width: 960px;
	height: 615px;
	padding: auto;
	background-color:#fff;
	box-shadow: inset 0 3px 10px -4px #000, inset 0 -3px 10px -4px #000;}

.iosSlider {
	position: relative;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 615px;}

.iosSlider .slider {
	width: 100%;
	height: 100%;}

.iosSlider .slider .item {
	width: 100%;
	height: 100%;}

.iosSlider .slider .item .inner {
	position: relative;
	top: 0;
	left: 0;
	width: 960px;
	margin: 0 auto;
	height: 100%;
	box-shadow: 0 0 10px -5px #000;
	background-position: 50% 0;
	background-repeat: no-repeat;}

.iosSlider .slider .item .inner .selectorShadow {
	position: absolute;
	left: 0;
	bottom: 0;
	background: url(./images/selector-shadow.png) no-repeat 0 0;
	width: 120px;
	height: 30px;}

.iosSlider .slider .item .inner .text1 {
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	right: 10px;
	bottom: 35px;}

.iosSlider .slider .item .inner .text1 span {
	color: #FFFFFF;
	font: 50px/65px Norican;
	padding: 0 8px;}

.iosSlider .slider .item .inner .text2 {
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	right: 10px;
	bottom: 10px;}

.iosSlider .slider .item .inner .text2 span {
	color: #FFFFFF;
	font: 16px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;}

.iosSlider .slider .item1 .inner {
	background-image: url(./images/h-slider-1.jpg);}

.iosSlider .slider .item2 .inner {
	background-image: url(./images/h-slider-2.jpg);}

.iosSlider .slider .item3 .inner {
	background-image: url(./images/h-slider-3.jpg);}

.iosSlider .slider .item4 .inner {
	background-image: url(./images/h-slider-4.jpg);}

.iosSlider .slider .item5 .inner {
	background-image: url(./images/h-slider-5.jpg);}

.sliderContainer .slideSelectors {
	position: relative;
	bottom: 20px;
	left: 0;
	width: 960px;
	margin: 0 auto;
	z-index: 1;
	height: 10px;}

.sliderContainer .slideSelectors .item {
	float: left;
	width: 9px;
	height: 9px;
	border: 1px solid #ff0060;
	background: #999;
	margin: 0 0 0 10px;
	opacity: 0.25;
	filter: alpha(opacity=25);}

.sliderContainer .slideSelectors .selected {
	background: #ff3371;
	opacity: 1;
	filter: alpha(opacity=100);}

.sliderContainer .scrollbarContainer {
	position: relative;
	bottom: 4px;
	left: 0;
	width: 960px;
	height: 4px;
	margin: 0 auto;
	z-index: 1;}

@media screen and (max-width: 1105px) {
	
.iosSlider .slider .item .inner {
	width: 92%;
	margin: 0 4%;
	background-position: 80% 0;}
	
.sliderContainer .slideSelectors {
	width: 92%;
	margin: 0 4%;}
	
.sliderContainer .scrollbarContainer {
	width: 92%;
	margin: 0 4%;}
}

@media screen and (max-width: 768px) {
	
.iosSlider .slider .item .inner .text1 span {
	font: 40px/50px Norican;}
	
.iosSlider .slider .item .inner .text2 {
	top: 85px;}
	
.iosSlider .slider .item .inner .text2 span {
	font: 12px/18px "Helvetica Neue",Helvetica,Arial,sans-serif;}
	
}