.slider {
    width:996px; 
    height:387px; 
    margin:0px auto; 
    position:relative;
}

.slider > div {
    /* display:none; */
}

a.next, a.prev {
    z-index:99; 
    padding:0px 5px; 
    display:block; 
}

.next {
    position:absolute; 
    right:0px; 
    top:50%;
}

.prev {
    position:absolute; 
    left:0px; 
    top:50%;
}

a.inactive {
    color:#ccc; 
    background-color:#fff; 
    border:1px solid #eee; 
    outline:none;
}

ul.navi {
    visibility: hidden;
    list-style:none; 
    position:absolute; 
    bottom:0px; 
    right:5px;
}

ul.navi li {
    float:left; 
    margin-right:5px;
}

ul.navi li a {
    background-color:#fff; 
    display:block; 
    height:13px; 
    width:13px; 
    text-indent:-9999px; 
    outline:none; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow:  0px 0px 3px  #2f2f2f;
    -moz-box-shadow: 0px 0px 3px #2f2f2f;
    box-shadow: 0px 0px 3px #2f2f2f; 
}

ul.navi li a.active {
    background-color:#ffec01;
}

.sliderP {
    width:752px; 
    height:423px; 
    margin:10px auto; 
    position:relative;
}

.sliderP > div {
    /* display:none; */
}


.sliderG {
    width:509px; 
    height:324px; 
    margin:0px auto; 
    position:relative;
}

.sliderG > div {
    /*display:none;*/
    position: absolute;
    top:0px;
    left:0px;
}

.nextG {
    position:absolute; 
    right:-70px; 
    top:50%;
}

.prevG {
    position:absolute; 
    left:-70px; 
    top:50%;
}