.column-slider .content-slider {
  position: relative;
  width: 100%;
  height: 500px;
  margin-bottom: 20px;
  overflow: hidden;
}
.column-slider .number {
  position: relative;
  margin-top: 98px;
  z-index: 2;
  font-size: 0;
}
.number .num {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 100px;
  height: 46px;
  margin: 5px 0;
  background: url('../column/n.png') 0 0 no-repeat;
  opacity:1;
}
.num.active {
  opacity:0;
}

.num.num7.active,
.num.num6.active,
.num.num5.active,
.num.num4.active,
.num.num3.active,
.num.num2.active,
.num.num1.active { padding-left: 76px; }

.number .num.num2 { background-position: 50% -46px; }
.number .num.num3 { background-position: 50% -93px; }
.number .num.num4 { background-position: 50% -145px; }
.number .num.num5 { background-position: 50% -196px; }
.number .num.num6 { background-position: 50% -248px; }
.number .num.num7 { background-position: 50% -303px; }
.number .num.num8 { background-position: 50% -356px; }

.column-slider .column {
  width: 284px;
  height: 477px;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -142px;
  z-index:4;
}
.column-slider .column.c1 { background: url('../column/c1.png') 34px 0 no-repeat; }
.column-slider .column.c2 { background: url('../column/c2.png') 34px 0 no-repeat; }
.column-slider .column.c3 { background: url('../column/c3.png') 34px 0 no-repeat; }
.column-slider .column.c4 { background: url('../column/c4.png') 34px 0 no-repeat; }
.column-slider .column.c5 { background: url('../column/c5.png') 34px 0 no-repeat; }
.column-slider .column.c6 { background: url('../column/c6.png') 34px 0 no-repeat; }
.column-slider .column.c7 { background: url('../column/c7.png') 34px 0 no-repeat; }
.column-slider .column.c8 { background: url('../column/c8.png') 34px 0 no-repeat; }

.drag_number {
  font-size: 0;
  position: absolute;
  top: 98px;
  height: 50px;
  left: 0;
  margin-left: 50%;
  width: 100%;
  z-index: 20;
}

.drag_number .ctl {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
	cursor: pointer;
	cursor: url('../grab.cur'), pointer;
}