#slider {
    position: relative;
    overflow: hidden;
    margin: 0 auto 0 auto;
    border-radius: 4px;
}
#slider{
    max-width:400px;
    width:100% !important;
    height:200px !important;
    
}
#slider ul {
    position: relative;
    margin: 0;
    padding: 0;
    height: 200px;
    list-style: none;
}
#slider ul li {
    position: relative;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    max-width: 400px;
    height: 200px;
    text-align: center;
    /*line-height: 200px;*/
    width:400px;
}

.spanlink {
    cursor: pointer;
    position: relative;
    top: 15px;
    display: block;
    /*margin-top: -55px;*/
}
span.control_prev, span.control_next {
    position: absolute;
    top: 42%;
    z-index: 999;
    display: block;
    width: auto;
    padding:17px 17px;
    height: auto;  
    opacity: 0.8;
    cursor: pointer;
}
span.control_prev:hover, span.control_next:hover {
    opacity: 1;
    -webkit-transition: all 0.2s ease;
}
span.control_prev {
    border-radius: 0 2px 2px 0;
    background:url(../images/left_arrow.png) no-repeat 0 0;
    height: 15px;
    width: 15px;
}
span.control_next {
    right: 0;
    border-radius: 2px 0 0 2px;
    background:url(../images/right_arrow.png) no-repeat 0 0;
    height: 15px;
    width: 15px;
}
.slider_option {
    position: relative;
    margin: 10px auto;
    width: 160px;
    font-size: 18px;
}
.slide_text {
    color:#000;
    font-size:22px;
    text-align:center;
    line-height: normal;
    position: relative;
    /*top: 25px;*/
}