/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2014-6-13, 16:37:01
    Author     : lvbai
*/
/*banner-advanture*/
div.omsdk-banner-adver{
    width:100%;
    height:500px;
    min-width:1260px;
    /*max-width: 1600px;*/
    background-color: #ebeae7;
}

div.omsdk-slider-area{
    position:relative;
    z-index:800;
    width:1200px;
    /*max-width:1600px;*/
    margin:0 auto;
    height:500px;
}

div.omsdk-banner-box{
    width:100%;
    min-width:1260px;
    /*max-width:1600px;*/
    margin:0 auto;
    position:relative;
    z-index:810;
    min-height:170px;
    overflow: hidden;
}

div.omsdk-banner-box div.banner-imgs{
    position:absolute;
    z-index:820;
    width:100%;
    height:100%;
}

div.banner-imgs div.img-item{
    min-height:170px;
    background-position:center center;
    background-size: auto;
    background-repeat: no-repeat;
    float:left;
    width:100%;
}
div.img-item div{
    position:relative;
    min-width:1260px;
    display:block;
    border:0px;
    margin:0 auto;
    z-index:830;
    width:90%;
    min-height:50px;
}

div.img-item div img{
    position:absolute;
    display:block;
    border:0px;
}

div.omsdk-slider-area .quartercircle{
    display:block;
    width:25px;
    height:60px;
    background-color:rgba(0, 0, 0, 0.4);
    position:absolute;
    top:50%;
    margin-top:-30px;
    cursor: pointer;
    z-index:930;
}

div.omsdk-slider-area .left{
    border-radius: 0 20px 20px 0 ;
    left:0px;
}

div.omsdk-slider-area .right{
    border-radius:20px 0 0 20px ;
    right:0px;
}

div.omsdk-slider-area .glyphicon{
    margin-top:-9px;    
    position:absolute;
    top:50%;
    left:50%;
    font-size:18px;
    color:#FFF;
}
.glyphicon-chevron-left{
    margin-left:-9px;
}
.glyphicon-chevron-right{
    margin-left:-10px;
}
.pull-left:after{
    display:block;
    content:"clear";
    height:0; clear:both;
    overflow:hidden;
    visibility:hidden;
}
div.omsdk-slider-area .banner-pannel{
    display: none;
    height:35px;
    position: absolute;
    z-index: 950;
    text-align: center;
    bottom:-30px;
    left:0px;
    right:0px;
    padding:9px 0px 6px;
    margin:0px;
    /*background-color: rgba(150, 180, 20, 0.5);*/
}

.banner-pannel li{
    display:inline-block;
    width:10px;
    height:10px;
    border-radius: 5px;
    background-color:#e0e0e0;
    margin:0px 3px;
    box-shadow:0px 0px 3px #0044cc;
}

.banner-pannel li.active{
    border:0px #FFF solid;
    background-color: #6b8896;
}