/* Контейнер слайдера */.ui-slider {position: relative;}/* Ползунок */.ui-slider .ui-slider-handle {position: absolute;z-index: 2;width: 15px; /* Задаем нужную ширину */height: 15px; /* и высоту */background: #ffc600; /* картинка изображающая ползунок. Или можно залить цветом, задать бордюр и скругления */cursor: pointer;border-radius: 50%;}.ui-slider .ui-state-active {border: 4px solid #ffc600;background: #FFF;height:23px;width:23px;margin-top:-4px;margin-left:-4px;}.ui-slider .ui-slider-range {position: absolute;z-index: 1;font-size: .7em;display: block;border: 0;overflow: hidden;}/* горизонтальный слайдер (сама полоса по которой бегает ползунок) */.ui-slider-horizontal {height: 2px; /* задаем высоту согласно дизайна */}/* позиционируем ползунки */.ui-slider-horizontal .ui-slider-handle {top: -8px;margin-left: -6px;}.ui-slider-horizontal .ui-slider-range {top: 0;height: 100%;}.ui-slider-horizontal .ui-slider-range-min {left: 0;}.ui-slider-horizontal .ui-slider-range-max {right: 0;}/* оформление полосы по которой ходит ползунок */.ui-widget-content {background: #202020;}/* оформление активного участка (между двумя ползунками) */.ui-widget-header {/*background: #68b627;*/}/* скругление для полосы слайдера */.ui-corner-all {}