.control-box {
    width: 100%;
    height: 230px;
    margin-top:20px ;
    margin-left: auto;
    margin-right: auto;
}
.control-box ul {
  list-style: none;
  position: relative;
}
.control-box ul li {
  position: absolute;
  top: 50px;
  cursor: pointer;
}
.prev {
  left: 0;
}
.next {
  right: 0;
}
.bigbox {
  overflow: hidden;
 
  height: 190px;
  margin: auto 70px auto;
}
#switcher {
  height: 190px;
  left: 0px;
}
.content_1.content_2 {
  width: 100%;
  float: left;
}
.box {

  transition:all .7s ease 0s;
  width: 255px;
  height: 190px;
  float: left;
  border-left: 3px white solid;
}

.box:hover {
 opacity:0.5;
}


			
			@media (max-width:700px) {
				.control-box {
							    width:100px;
							    height: 230px;
							  float: left;
								overflow: hidden;}
							.c1 {
							    width:331px;
							    height: 230px;
							   float: left;
								overflow: hidden;	}
							.control-box ul {
							  list-style: none;
							  position: relative;
						
							}
							.control-box ul li {
							  position: absolute;
							  top: 50px;
							  cursor: pointer;
							 
							}
							.prev {
							  left: 0;
							}
							.next {
							  right: 0;
							}
							.bigbox {
							  overflow: hidden;
							  width: 1032px;
							  height: 190px;
							  margin: auto 70px auto;
							}
							#switcher {
							  height: 190px;
							  left: 0px;
							}
							.content_1.content_2 {
							  width: 100%;
							  float: left;
							}
							.box {
							  transition:all .7s ease 0s;
							  width: 255px;
							  height: 190px;
							  float: left;
							  border-left: 3px white solid;
							}
							.box:hover {
							 opacity:0.5;
							}
						
							.control-box1{float: left;position: absolute;left: 0;top:0;}
							
							.prev1 {
							  display: none;
							}
							
						
							
					
				}
			
			.clear{clear:both;
			}