@charset "utf-8";
.slider {
	margin-top: 30px;
	margin: 0 auto;
	width: 600px;
	text-align: left;
	position: relative;
	visibility: hidden;
}

.slider ul,
.slider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}

.slider ul li img {
	width: 100%;
}

.sliderCover {
	margin-bottom:30px;
	width: 100%;
	overflow: hidden;
}

.sliderWrap {
	top: 0;
	left: 0;
	position: absolute;
	overflow: hidden;
}


.slider .btnPrev,
.slider .btnNext {
	top: 0;
	position: absolute;
	z-index: 105;
}


.slider .btnPrev {
	left: 0;
	background-color: rgba(0,0,0,0.6);
}

.slider .btnNext {
	right: 0;
	background-color: rgba(0,0,0,0.6);
}

.slider .btnPrev:hover,
.slider .btnNext:hover {
	transition: all 0.3s linear;
	background-color: rgba(0,0,0,0.8);
}

.slider ul:before,
.slider ul:after,
.sliderWrap:before,
.sliderWrap:after {
	content: " ";
	display: table;
}
.slider ul:after,
.sliderWrap:after {clear: both;}
.slider ul,
.sliderWrap {*zoom: 1;}




.slider2 {
	margin: 0 auto;
	width: 400px;
	text-align: left;
	position: relative;
	visibility: hidden;
}

.slider2 ul,
.slider2 ul li {
	float: left;
	display: inline;
	overflow: hidden;
}

.slider2 ul li img {
	width: 100%;
}

.slider2Cover {
	margin: auto;
	width: 80%;
	overflow: hidden;
	margin-top: 30px;
	margin-bottom:20px;
}

.slider2Wrap {
	top: 0;
	left: 0;
	position: absolute;
	overflow: hidden;
}


.slider2 .btnPrev,
.slider2 .btnNext {
	top: 0;
	position: absolute;
	z-index: 105;
}

.slider2 .btnPrev {
	left: 0;
	background: url(../img/btnPrev.png) no-repeat center right;
	background-color: rgba(0,0,0,0.8);
}

.slider2 .btnNext {
	right: 0;
	background: url(../img/btnNext.png) no-repeat center left;
	background-color: rgba(0,0,0,0.8);
}

.slider2 .btnPrev:hover,
.slider2 .btnNext:hover {
	transition: all 0.3s linear;
	background-color: rgba(0,0,0,0.6);
}

.slider2 ul:before,
.slider2 ul:after,
.slider2Wrap:before,
.slider2Wrap:after {
	content: " ";
	display: table;
}
.slider2 ul:after,
.slider2Wrap:after {clear: both;}
.slider2 ul,
.slider2Wrap {*zoom: 1;}




@media only screen and (max-width: 798px) {

.slider2Cover {
	width: 90%;
	margin-top: 20px;
	margin-bottom:10px;
}
}

@media only screen and (max-width: 600px) {
	
.slider2Cover {
	width: 95%;
	margin-top: 15px;
	margin-bottom:5px;
}