/*banner*/

.ibanner {
    width: 100%;
    overflow: hidden;
    position: relative;
    top:-10px; z-index: 0;}
.ibanner .hd {
    height: 15px;
    overflow: hidden;
    position: absolute;
    right: 45%;
    bottom:30px;
    z-index: 1;}

.ibanner .hd ul {
    overflow: hidden;
    zoom: 1;
    float: left;}

.ibanner .hd ul li {
    float: left;
    margin-right:7px;
    width: 15px;
    height:15px;
    line-height:15px;
    text-align: center;
    background: #fff;
    cursor: pointer; opacity: 0.8; border-radius: 20px;}

.ibanner .hd ul li.on {
    background: #0d8100;opacity: 1;
    color: #fff;}

.ibanner .bd {
    position: relative;
    z-index: 0;}

.ibanner .bd li {
    zoom: 1;
    vertical-align: middle;
    position: relative
;}

.ibanner .bd li h1 {
    position: absolute;
    bottom: 40px;
    left: 20%;
    background: url(../images/tt_bg.png);
    font-size: 24px;
    color: #ffffff;
    padding: 10px 20px;}

.ibanner .bd img {
    width: 100%;
    display: block;}

.ibanner .prev,
.ibanner .next {
    position: absolute;
    left: 3%;
    top: 50%;
    margin-top: -25px;
    display: block;
    width: 45px;
    height: 80px;
    background: url(../images/slider-arrow.png) -120px 5px no-repeat;
    filter: alpha(opacity=50);
    opacity: 0.5;}

.ibanner .next {
    left: auto;
    right: 3%;
    background-position: -2px 5px;
    width: 45px;
    height: 80px;}

.ibanner .prev:hover,
.ibanner .next:hover {
    filter: alpha(opacity=100);
    opacity: 1;}

.ibanner .prevStop {
    display: none;}

.ibanner .nextStop {
    display: none;}