/*
    轮播样式表
	QiangFatMan 桂林航天工业学院
 */

/* 响应式 大于分辨率1024px*/
@media only screen and (min-width: 770px) {
    .flexslider {
        position: relative;
        height: 345px;
        overflow: hidden;
        background: url(../user_lib/flexslider/images/loading.gif) 50% no-repeat;
    }

    .flex-direction-nav li a.flex-prev {
        /*left: 40px;*/
        opacity: 0.5;
        background: url(../user_lib/flexslider/images/prev.png) center center no-repeat;
    }

    .flex-direction-nav li a.flex-next {
        right: 40px;
        opacity: 0.5;
        background: url(../user_lib/flexslider/images/next.png) center center no-repeat;
    }

    .flex-control-nav a {
        display: inline-block;
        width: 14px;
        height: 14px;
        line-height: 40px;
        overflow: hidden;
        background: url(../user_lib/flexslider/images/dot.png) right 0 no-repeat;
        cursor: pointer;
    }

    .flex-direction-nav {
        position: absolute;
        z-index: 3;
        width: 100%;
        top: 45%;
    }

    .flex-control-nav {
        position: absolute;
        bottom: 10px;
        z-index: 2;
        width: 100%;
        text-align: center;
    }

    .flex-control-nav li {
        display: inline-block;
        width: 14px;
        height: 14px;
        margin: 0 5px;
        *display: inline;
        zoom: 1;
    }

    .slides li {
        height: auto;
    }

    .flex-control-nav .flex-active {
        background-position: 0 0;
    }

    .slides {
        position: relative;
        z-index: 1;
    }

    .flex-direction-nav li a {
        display: block;
        width: 50px;
        height: 50px;
        overflow: hidden;
        cursor: pointer;
        position: absolute;
    }
}

/* 响应式 小于分辨率725px*/
@media only screen and (max-width: 770px) {
    .flexslider {
        position: relative;
        height: auto;
        overflow: hidden;
        background: url(../user_lib/flexslider/images/loading.gif) 50% no-repeat;
    }
}