.hi-slide { position: relative; width:885px; height: 350px; margin: 50px auto 150px; }
.hi-slide .hi-next, .hi-slide .hi-prev {cursor:pointer; position: absolute; top: 60%; width: 40px; height: 80px; margin-top: -40px; border-radius: 5px; line-height: 80px; text-align: center;   color: #fff; opacity: 0.7; transition: all 0.6s; font-size: 30px; }
.hi-slide .hi-next:hover, .hi-slide .hi-prev:hover { opacity: 1;  }
.hi-slide .hi-prev { 
    left: -170px;
    background: url(/assets/back.png);
    width: 60px;
    background-size: cover;
    background-repeat: no-repeat;
    height: 50px;
}
.hi-slide .hi-prev::before { content: '';  }
.hi-slide .hi-next { 
    right: -170px;
    background: url(/assets/back.png);
    width: 60px;
    background-size: cover;
    background-repeat: no-repeat;
    height: 50px;
    transform: rotate(-180deg);
}
.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: 146px; width: 0; height: 0; margin: 0; padding:20px; border-radius:5px; border: 0px solid #fff;  background-color: #be893e;  }
.hi-slide > ul > li > img { width: 100%; height: 60%; }

/*# sourceMappingURL=jquery.hislide.css.map */

.hi-slide > ul > li span{
    display:block;
    margin-top:20px;
    line-height:23px;
    height: 96px;
    overflow: hidden;
}

.hi-slide .repo-image{
    height:60%;
}

.f2f2f2 {
  color:#000;  
}



.view-categories{
    font-size: 22px;
    display: block;
    border-radius: 20px;
    border: 1px solid;
    color: #fff;
    position: relative;
    bottom: 40px;
    margin: auto;
    right: 0;
    width: 395px;
    text-align: center;
    padding: 15px 0;
    cursor: pointer;
    margin-bottom: 100px;
}