

.slider {
width:1200px;
height:440px;
position:relative;
}

.sliderContent {
width:1200px;
height:440px;
clear:both;
position:relative;
overflow:hidden;
}

.sliderArrows a {
display:block;
text-indent:-9999px;
outline:none;
z-index:50;
background-image:url(sprite1.png);
width:29px;
height:29px;
position:absolute;
top:30px;
}

.prev {
background-position:left top;
right:75px;
}

.prev:hover {
background-position:left bottom;
}

.next {
right:37px;
background-position:right top;
}

.next:hover {
background-position:right bottom;
}

.sliderContent .item {
position:absolute;
width:1200px;
height:440px;
background:#fff;
}

.sliderBullets {
position:absolute;
bottom:20px;
right:0px;
z-index:50;
width:365px;
text-align:center;
}

.sliderBullets a {
display: inline-block;
text-indent:-9999px;
outline:none;
margin-left:5px;
width:22px;
height:22px;
background:url(sprite2.png) no-repeat;
}

.sliderBullets .active {
background-position:0 -22px;
}

.sliderContent a {
outline:none;
}



@media screen and (max-width:1199px) and (min-width:768px) {
	
	

.slider {
width:768px;
height:282px;
position:relative;
}

.sliderContent {
width:768px;
height:282px;
clear:both;
position:relative;
overflow:hidden;
}

.sliderArrows a {
display:block;
text-indent:-9999px;
outline:none;
z-index:50;
background-image:url(sprite1.png);
width:29px;
height:29px;
position:absolute;
top:30px;
}

.prev {
background-position:left top;
right:75px;
}

.prev:hover {
background-position:left bottom;
}

.next {
right:37px;
background-position:right top;
}

.next:hover {
background-position:right bottom;
}

.sliderContent .item {
position:absolute;
width:768px;
height:282px;
background:#fff;
}
.sliderContent .item img {
	width:768px !important;
	height:282px !important;
}

.sliderBullets {
position:absolute;
bottom:20px;
right:0px;
z-index:50;
width:300px;
text-align:center;
}

.sliderBullets a {
display: inline-block;
text-indent:-9999px;
outline:none;
margin-left:5px;
width:22px;
height:22px;
background:url(sprite2.png) no-repeat;
}

.sliderBullets .active {
background-position:0 -22px;
}

.sliderContent a {
outline:none;
}
	
}

@media screen and (max-width:767px) and (min-width:1px) {
	
	

.slider {
width:320px;
height:200px;
position:relative;
}

.sliderContent {
width:320px;
height:200px;
clear:both;
position:relative;
overflow:hidden;
}

.sliderArrows a {
display:none;
text-indent:-9999px;
outline:none;
z-index:50;
background-image:url(sprite1.png);
width:29px;
height:29px;
position:absolute;
top:30px;
}

.prev {
background-position:left top;
right:75px;
}

.prev:hover {
background-position:left bottom;
}

.next {
right:37px;
background-position:right top;
}

.next:hover {
background-position:right bottom;
}

.sliderContent .item {
position:absolute;
width:320px;
height:200px;
background:#fff;
}
.sliderContent .item img {
	width:320px !important;
	height:auto !important;
}

.sliderBullets {
	display:none;
position:absolute;
bottom:20px;
right:0px;
z-index:50;
width:300px;
text-align:center;
}

.sliderBullets a {
display: inline-block;
text-indent:-9999px;
outline:none;
margin-left:5px;
width:22px;
height:22px;
background:url(sprite2.png) no-repeat;
}

.sliderBullets .active {
background-position:0 -22px;
}

.sliderContent a {
outline:none;
}
	
}


