#box {
width: 100%;
margin: 40px auto;
position: relative;
height: 100%;
}
.current {
display: block;
}
.big_img {
width: 100%;
height: 322px;
overflow: hidden;
    
}
.big_img li img{
	border-radius: 30px;
    border: 2px solid #f77e0b;
}
.slider_title {
position: absolute;
top: 266px;
width: 100%;
height: 58px;
background: url(../img/title_bg.fw.png) repeat;
filter: Alpha(Opacity="90")
}
.slider_title a {
font-size: 22px;
font-family: Arial, Helvetica, sans-serif;
color: #98E404;
text-decoration: none;
display: block;
height: 55px;
line-height: 55px;
padding-left: 15px;
}
.slider_list {
width: 100%;
margin-top: 20px;
padding-top: 8px;
padding-bottom: 7px;
}
.slider_list li {
opacity: 0.5;
filter: Alpha(Opacity="50");
display: inline;
float: left;
margin: 0 0 0 9px;
position: relative;
width: 60px;
height: 60px;
padding: 0px;
}
.slider_list li img{
	border-radius: 10px;
	border: 1px solid #f77e0b;
}
.slider_list .current {
position: relative;
background: none;
opacity: 1;
;
filter: Alpha(Opacity="100")
}
.slider_list .current .border {
position: absolute;
display: block;
overflow: hidden;
left: 0;
bottom: 0;
}


@media (min-width: 540px) {
    .col-sm {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 720px) {
    .col-sm {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 960px) {
    .col-sm {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 1140px) {
    .col-sm {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}