#silder  { background-color: #184F7D; color:#fff; height:320px;}
#silder-controls {  background-color: #F4F4F4; border-bottom: 1px solid #dedede; height: 38px; }
.slide { width: 1280px; height: 400px; overflow: hidden; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select:none; margin:0 auto; }
.slide-item { width: 1280px; height: 400px; overflow: hidden; position: absolute; top: 0; left: 0; }
.slide-prev, .slide-next { position: absolute; bottom: 10px; width: 33px; height: 75px; cursor: pointer; background: url(images/slider_arrow.png) no-repeat; opacity: 0.05; filter: alpha(opacity=5); }
.slide:hover .slide-prev, .slide:hover .slide-next { opacity: 0.7; filter: alpha(opacity=70); }
.slide-prev, .slide-next { -webkit-transition: opacity 1s; -moz-transition: opacity 1s; -ms-transition: opacity 1s; -o-transition: opacity 1s; transition: opacity 1s; }
.slide-prev { left: 5px; top:140px; }
.slide-next { right: 5px; top:140px; background-position: -33px 0px; }
.slide-prev:hover, .slide-next:hover { opacity: 1; filter: alpha(opacity=100); }
.slide-paging { font-size: 10px; height: 12px; line-height: 12px; position: absolute; bottom: 13px; right: 10px; }
.slide-paging span { display: inline-block; width: 12px; height: 12px; margin-right: 10px; cursor: pointer; background:url("images/btn_nav_off.png") no-repeat center center; }
.slide-paging span { -webkit-transition: background-color 1s; -moz-transition: background-color 1s; -ms-transition: background-color 1s; -o-transition: background-color 1s; transition: background-color 1s; }
.slide-paging .current {  background:url("images/btn_nav_on.png") no-repeat center center; }