/*
*Owl Carousel Owl Demo Theme
*www.sucaijiayuan.com
*/

.owl-theme .owl-controls {
    width: 100%;
    text-align: center;
    display: none;
}
/* Styling Next and Prev buttons*/

@media only screen and (max-width:1145px) {
    .owl-buttons {
        position: absolute;
        width: 100%;
        top: 50%;
        margin-top: -30px;
    }

    .owl-theme .owl-controls .owl-buttons div {
        color: #FFF;
        position: absolute;
        font-size: 0px;
        display: inline-block;
        zoom: 1;
        *display: inline; /*IE7 life-saver*/
        width: 30px;
        height: 40px;
    }

    .owl-prev {
        background: url(../images/jt_03.png) no-repeat;
        background-size: 100% 100%;
        left: 1%;
    }

    .owl-next {
        background: url(../images/jt_05.png) no-repeat;
        background-size: 100% 100%;
        right: 1%;
    }
}

@media only screen and (max-width:400px) {
    .owl-buttons {
        position: absolute;
        width: 100%;
        top: 50%;
        margin-top: -30px;
    }
}

@media only screen and (min-width:1145px) {
    .owl-buttons {
        position: absolute;
        width: 100%;
        top: -215px
    }

    .owl-theme .owl-controls .owl-buttons div {
        color: #FFF;
        position: absolute;
        font-size: 0px;
        display: inline-block;
        zoom: 1;
        *display: inline; /*IE7 life-saver*/
        width: 29px;
        height: 61px;
    }

    .owl-prev {
        background: url(../images/jt_l_d.png) no-repeat;
        background-size: 100% 100%;
        left: 20px;
    }

    .owl-next {
        background: url(../images/jt_r_d.png) no-repeat;
        background-size: 100% 100%;
        right: 20px;
    }
}

/* Styling Pagination*/
.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline; /*IE7 life-saver*/
}

@media only screen and (max-width: 1145px) {
    .owl-theme .owl-controls .owl-page span {
        display: block;
        width: 10px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        height: 10px;
        margin: 0px 5px;
        background: #ffffff;
        border: solid 1px #ffffff;
    }

    #owldemo1 .owl-controls {
        position: absolute;
        bottom: 15px;
        width: 100%;
        text-align: center;
        height: 10px;
    }

    #owldemo2 .owl-controls .owl-page {
        padding-top: 10px;
    }

        #owldemo2 .owl-controls .owl-page span {
            display: block;
            width: 12px;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            height: 12px;
            margin: 0px 3px;
            background: #d1d0d0;
            border: 0px;
        }
}

@media only screen and (max-width: 480px) {
    .owl-theme .owl-controls .owl-page span {
    }
}

@media only screen and (min-width: 1145px) {
    .owl-theme .owl-controls .owl-page span {
        display: block;
        width: 12px;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        height: 12px;
        margin: 0px 6px;
        background: #ffffff;
        border: solid 1px #ffffff;
    }

    #owldemo1 .owl-controls {
        position: absolute;
        bottom: 20px;
        width: 100%;
        text-align: center;
        height: 15px;
    }

    #owldemo2 .owl-controls {
        position: absolute;
        bottom: 0px;
        width: 100%;
        text-align: center;
        height: 15px;
        left: 0px;
    }

        #owldemo2 .owl-controls .owl-page span {
            display: block;
            width: 15px;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            height: 15px;
            margin: 0px 5px;
            background: #d1d0d0;
            border: 0px;
        }
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    background: none;
}

#owldemo2 .owl-controls .owl-page.active span,
#owldemo2 .owl-controls.clickable .owl-page:hover span {
    background: #8ebbe3;
}
/* If PaginationNumbers is true*/
.owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
/* preloading images*/
.owl-item.loading {
    min-height: 150px;
    background: url(../images/AjaxLoader.gif) no-repeat center center
}