#fwslider {
    position: relative;
    width:100%;
}
#fwslider .slide {
    display: none;
    position: absolute;
    top:0;
    left:0;
    z-index: 0;
    width:100%;
}
#fwslider .slide img {
    width:100%;
}
#fwslider .slidePrev {      
    position: absolute;
    top:50%;
    left:-50px;    
    z-index: 10;
}
#fwslider .slidePrev span {
	background-image: url("../images/img-sprite.png");
	width: 100px;
	height: 100px;
	float: left;
	background-position:0px 0px;
	background-repeat: no-repeat;
	cursor: pointer;
}
#fwslider .slideNext {
    position: absolute;
    top:50%;
    right:-50px;
    z-index: 10;
}
#fwslider .slideNext span {
  background-image: url("../images/img-sprite.png");
	width: 100px;
	height: 100px;
	float: left;
	background-position: -100px 0px;
	background-repeat: no-repeat;
	cursor: pointer;
}
#fwslider .timers {
    height:4px;
    position: absolute;
    bottom:15px;
    right:0;
    z-index: 3;
}
#fwslider .timer {
    height:4px;
    width:40px;
    background-color: #333;
    float:left;
    margin-right: 10px;
}
#fwslider .progress {
    height:4px;
    width:0%;
    background-color:#fff;
    float:left;
	margin:0;
}
#fwslider .slide_content {
    top:0;
    left:0;
    position: absolute;
    width:100%;
    height:100%;
}
  @media screen and (max-width:1024px){
	#fwslider .slidePrev span {
		width: 75px;
		height: 75px;
		background-position:0px 0px;
		background-size:150px;
	}
	#fwslider .slidePrev span:hover {
		width: 75px;
		height: 75px;
		background-position:0px -76px;
		background-size:150px;
	}
	#fwslider .slideNext span {
		width: 75px;
		height: 75px;
		background-position: -74px 0px;
		background-size:150px;
	}
	#fwslider .slideNext span:hover {
		width: 75px;
		height: 75px;
		background-position: -74px -76px;
		background-size:150px;
	}
}
  @media screen and (max-width:640px){
	#fwslider .slidePrev span {
		width: 60px;
		height: 60px;
		background-position:0px 0px;
		background-size:120px;
	}
	#fwslider .slidePrev span:hover {
		width: 60px;
		height: 60px;
		background-position:0px -61px;
		background-size:120px;
	}
	#fwslider .slideNext span {
		width: 60px;
		height: 60px;
		background-position: -58px 0px;
		background-size:120px;
	}
	#fwslider .slideNext span:hover {
		width: 60px;
		height: 60px;
		background-position: -58px -61px;
		background-size:120px;
	}
}
  @media screen and (max-width:480px){
	#fwslider .slidePrev span {
		width: 35px;
		height: 35px;
		background-position:0px 0px;
		background-size:70px;
	}
	#fwslider .slidePrev span:hover {
		width: 35px;
		height: 35px;
		background-position:0px -35px;
		background-size:70px;
	}
	#fwslider .slideNext span {
		width: 35px;
		height: 35px;
		background-position: -35px 0px;
		background-size:70px;
	}
	#fwslider .slideNext span:hover {
		width: 35px;
		height: 35px;
		background-position: -35px -35px;
		background-size:70px;
	}
}