#silder { background-color: #184F7D; color: #fff; height: 260px; }
#silder-controls { background-color: #F4F4F4; border-bottom: 1px solid #dedede; height: 38px; }
.slide { width: 100%; height: 360px; min-height: 360px; overflow: hidden; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.slide-item { width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0; }
.slide-img { position: absolute; top: 0; left: 0; }
.slide-arrow { width: 40px; height: 40px; position: absolute; top: 50%; margin-top: -20px; cursor: pointer; opacity: 0; }
.slide-arrow { -webkit-transition: opacity 1s; -ms-transition: opacity 1s; transition: opacity 1s; }
.slide-prev { background: url(images/slide_prev.png) no-repeat; left: 20px; }
.slide-prev:hover { background-position: 0 -40px; }
.slide-next { background: url(images/slide_next.png) no-repeat; right: 20px; }
.slide-next:hover { background-position: 0 -40px; }
.slide:hover .slide-arrow { opacity: 1; }
.slide-paging { font-size: 10px; height: 12px; line-height: 12px; position: absolute; bottom: 13px; right: 50%; }
.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; }