diff --git a/bi/slider.css b/bi/slider.css
index 0f943c0a1..cf0b1880f 100644
--- a/bi/slider.css
+++ b/bi/slider.css
@@ -1,4 +1,4 @@
-.bi-single-slider-slider .slider-button {
+.bi-single-slider-button .slider-button {
   -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
diff --git a/bi/slider.js b/bi/slider.js
index c2b2f9e5a..e1c52b3e7 100644
--- a/bi/slider.js
+++ b/bi/slider.js
@@ -11,7 +11,7 @@ BI.SliderIconButton = BI.inherit(BI.Widget, {
         BI.extend(BI.SliderIconButton.superclass._init.apply(this, arguments));
         this.slider = BI.createWidget({
             type: "bi.icon_button",
-            cls: "widget-slider-icon slider-button",
+            cls: "cursor-drag widget-slider-icon slider-button",
             iconWidth: 14,
             iconHeight: 14,
             height: 14,
diff --git a/dist/index.html b/dist/index.html
index 1ffaf815b..07877b6b1 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -9,6 +9,7 @@
       <link rel="stylesheet" type="text/css" href="widget.css" />
       <link rel="stylesheet" type="text/css" href="resource.css" />
       <link rel="stylesheet" type="text/css" href="demo.css" />
+      <link rel="stylesheet" type="text/css" href="slider.css" />
 
       <script src="config.js"></script>
       <script src="polyfill.js"></script>
diff --git a/dist/resource.css b/dist/resource.css
index 35eab79e1..f122ba305 100644
--- a/dist/resource.css
+++ b/dist/resource.css
@@ -132,6 +132,9 @@ textarea::-webkit-scrollbar-thumb:hover {
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/background/trans-color.png');
   _background: none;
 }
+.cursor-drag {
+  cursor: url('cursor/cursor_drag_hand.cur'), auto;
+}
 @font-face {
   font-family: 'bi';
   src: url('font/iconfont.eot'), /* IE6-IE8 */ url('font/iconfont.woff') format('woff'), /* chrome、firefox */ url('font/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('font/iconfont.svg#svgFontName') format('svg');
diff --git a/dist/slider.css b/dist/slider.css
index 0f943c0a1..cf0b1880f 100644
--- a/dist/slider.css
+++ b/dist/slider.css
@@ -1,4 +1,4 @@
-.bi-single-slider-slider .slider-button {
+.bi-single-slider-button .slider-button {
   -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
diff --git a/dist/slider.js b/dist/slider.js
index c2b2f9e5a..e1c52b3e7 100644
--- a/dist/slider.js
+++ b/dist/slider.js
@@ -11,7 +11,7 @@ BI.SliderIconButton = BI.inherit(BI.Widget, {
         BI.extend(BI.SliderIconButton.superclass._init.apply(this, arguments));
         this.slider = BI.createWidget({
             type: "bi.icon_button",
-            cls: "widget-slider-icon slider-button",
+            cls: "cursor-drag widget-slider-icon slider-button",
             iconWidth: 14,
             iconHeight: 14,
             height: 14,
diff --git a/src/addons/slider/css/singleslider/slider/widget.slider.css b/src/addons/slider/css/singleslider/slider/widget.slider.css
index f8335347e..38e79e90e 100644
--- a/src/addons/slider/css/singleslider/slider/widget.slider.css
+++ b/src/addons/slider/css/singleslider/slider/widget.slider.css
@@ -1,4 +1,4 @@
-.bi-single-slider-slider .slider-button {
+.bi-single-slider-button .slider-button {
   -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
diff --git a/src/addons/slider/less/singleslider/slider/widget.slider.less b/src/addons/slider/less/singleslider/slider/widget.slider.less
index 517d61694..78ea7226f 100644
--- a/src/addons/slider/less/singleslider/slider/widget.slider.less
+++ b/src/addons/slider/less/singleslider/slider/widget.slider.less
@@ -1,5 +1,5 @@
 @import "../../../../../less/bibase";
-.bi-single-slider-slider{
+.bi-single-slider-button{
   & .slider-button{
     .box-shadow(0 0 10px, rgba(0, 0, 0, 0.2));
     .border-radius(7px);
diff --git a/src/addons/slider/singleslider/button/iconbutton.slider.js b/src/addons/slider/singleslider/button/iconbutton.slider.js
index 63e9f2b18..9ce90ad98 100644
--- a/src/addons/slider/singleslider/button/iconbutton.slider.js
+++ b/src/addons/slider/singleslider/button/iconbutton.slider.js
@@ -11,7 +11,7 @@ BI.SliderIconButton = BI.inherit(BI.Widget, {
         BI.extend(BI.SliderIconButton.superclass._init.apply(this, arguments));
         this.slider = BI.createWidget({
             type: "bi.icon_button",
-            cls: "widget-slider-icon slider-button",
+            cls: "cursor-drag widget-slider-icon slider-button",
             iconWidth: 14,
             iconHeight: 14,
             height: 14,
diff --git a/src/css/resource/cursor.css b/src/css/resource/cursor.css
new file mode 100644
index 000000000..bd57fc0d0
--- /dev/null
+++ b/src/css/resource/cursor.css
@@ -0,0 +1,3 @@
+.cursor-drag {
+  cursor: url('cursor/cursor_drag_hand.cur'), auto;
+}
diff --git a/src/less/resource/cursor.less b/src/less/resource/cursor.less
new file mode 100644
index 000000000..bff9b9841
--- /dev/null
+++ b/src/less/resource/cursor.less
@@ -0,0 +1,5 @@
+@import "../var";
+
+.cursor-drag {
+  cursor: url(@sliderDragCursor), auto;
+}
\ No newline at end of file
diff --git a/src/less/var.less b/src/less/var.less
index dabfe3ef0..e1a3eb5bf 100644
--- a/src/less/var.less
+++ b/src/less/var.less
@@ -5,7 +5,7 @@
 @cursor: '@{webUrl}images/cursor/cursor_hand.cur';
 @dragCursor: '@{webUrl}images/cursor/cursor_drag_hand.cur';
 @leftRightCursor: '@{webUrl}images/cursor/cursor_left_right.cur';
-@sliderDragCursor: '@{imageUrl}cursor/cursor_drag_slider.cur';
+@sliderDragCursor: '@{webUrl}cursor/cursor_drag_hand.cur';
 
 @zIndex-layer:    100000;
 @zIndex-floatbox: 1000000;