/* slider
----------------------------------------------------------*/
.container_12{width:100%; height:250px; overflow:hidden; position:relative}
.container_12 .grid_8{width:100%; height:250px;}
.slider {width:1920px; height:250px; margin-left:0; position:absolute; left:50%; margin-left:-960px}
.slider>div{width:1920px; height:250px; }
.slide > * {max-width: 100%;}
.slide-container{ height:250px;}

.slider .slide-next img, .slider .slide-prev img {
    position:relative; 
	top:0; left:0px;
    max-height: 100%;
    max-width: 100%;
}
.es-caption {
    position: absolute;
    bottom: 0;
    text-align: center;
    background-color: rgba(0,0,0,0.8);
    color: #fff;
    font-size: 14px;
    padding: 16px;
    margin: 10px;
    width: auto;
    left: 0;
    right: 0;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border: 1px solid rgba(255,255,255,0.3);
}
ul.es-pager {
    display: block; position:absolute; z-index:555;
    width: 100%;
    text-align: center;
    margin: -50px 0 0 0;
    padding: 0 0 0 7px; left:50%; margin-left:-31px;
    line-height: 0px; background:url(../Images/bg_nav.png) no-repeat;  width:62px; height:17px;
}
ul.es-pager li {
    display: inline-block;
    margin: 2px 0 0 0;
    padding: 0;
    height: 16px;
    width: 16px; float:left;
    /*background-image: url("../Images/pagericon.png");*/
    background-repeat: no-repeat;
    background-position: 0 -16px;
    cursor: pointer;
}
ul.es-pager li:hover, ul.es-pager li.act {
    background-position: 0 0;
}
ul.es-pager li.act {
    cursor: default;
}