body{
font-family:tahoma;
overflow-x:hidden;
background:#CAF1DE;
/*background-image:url(1.jpg);*/
  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.hi-slide{
position:relative;
width:754px;
height:300px;
margin:5px auto 0;
}
.hi-slide .hi-next,
.hi-slide .hi-prev{
position:absolute;
top:50%;
width:40px;
height:40px;
margin-top:-20px;
border-radius:50px;
line-height:40px;
text-align:center;
cursor:pointer;
background-color:white;
color:black;
transition:all 0.7s;
font-aize:20px;
font-weight:bold;
}
.hi-slide .hi-next:hover,
.hi-slide .hi-prev:hover{
opacity:1;
background-color:white;
}
.hi-slide .hi-prev{
left:-280px;
}
.hi-slide .hi-prev::before{
content:'<';
}
.hi-slide .hi-next{
right:-280px;
}
.hi-slide .hi-next::before{
content:'>';
}
.hi-slide > ul{
list-style:none;
position:relative;
width:754px;
height:292px;
margin:0;
padding:0;
}
.hi-slide > ul > li{
overflow:hidden;
position:absolute;
z-index:0;
left:377px;
top:147px;
width:0;
height:0;
margin:0;
padding:0;
border:5px solid orange;
background-color:#333;
cursor:pointer;
}
.hi-slide > ul > li > img{
width:100%;
height:100%;
background-position:center;
}