﻿.main_image {width:100%; overflow:hidden; margin:0 auto; position:relative}
.main_image ul {width:9999px; overflow:hidden; position:absolute; top:0; left:0}
.main_image li {float:left; width:100%;}
.main_image li span {display:block; width:100%; height:422px}
.main_image li a {display:block; width:100%; height:422px}
div.flicking_con { position:relative; z-index:999; width:100%; margin:0 auto;}
div.flicking_con .flicking_inner { position:absolute; top:-40px; width:100%; height:21px; text-align:center;} /* 121126 */
    div.flicking_con span { cursor: pointer; display: inline-block; width: 21px; height: 21px; line-height: 70px; overflow: hidden; margin: 0; padding: 0; background: url('../images/btn_main_img.png') no-repeat 0 0/100%; }
div.flicking_con span.on {background-position:0 -21px}
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:46px!important;height:59px!important;top:50%;margin-top:-29px;display:none;}
#btn_prev{background:url(../images/hover_left.png) no-repeat left top;left:3%;}
#btn_next{background:url(../images/hover_right.png) no-repeat right top;right:3%;}


@media(max-width:768px) {
    div.flicking_con .flicking_inner { top: 0.4rem; width: 100%; height: 0.21rem; text-align: center; }
    #btn_prev, #btn_next { z-index: 11111; position: absolute; display: block; width: 0.46rem !important; height: 0.59rem !important; top: 50%; margin-top: -0.29rem; display: none; }
    #btn_prev { background: url(../images/hover_left.png) no-repeat left top/100%; left: 0.1rem; }
    #btn_next { background: url(../images/hover_right.png) no-repeat right top/100%; right: 0.1rem; }
    div.flicking_con .flicking_inner { position: absolute; top:-0.35rem;}
    div.flicking_con span { cursor: pointer; display: inline-block; width: 0.21rem; height: 0.21rem; line-height: 0.8rem; overflow: hidden; margin: 0; padding: 0; background: url('../images/btn_main_img.png')no-repeat 0 0/100%; }
        div.flicking_con span.on { background-position: 0 -0.21rem; }
}
/*


@media(max-width: 767px) {
    div.flicking_con .flicking_inner { bottom: 0rem; }

    div.flicking_con span { cursor: pointer; display: inline-block; width: 10px; height: 10px; line-height: 70px; overflow: hidden; margin: 0; padding: 0; background: url('/Skin/images/btn_main_img.png') 0 0 no-repeat; background-size: cover; }
        div.flicking_con span.on { background-position: 0 -10px; }
*/}
