body{ font-family:"微软雅黑" ;}
ol, ul {
	list-style: none
}
a img {
	border: none
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block
}
.spinner-sprite, .spinner .decrease, .spinner .decrease[disabled], .spinner .increase, .spinner .value, .spinner .value.passive {

}
.spinner {
	height: 34px; display:inline-block;
	width: 124px; border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;
	overflow: hidden;
*zoom:1;
}
.spinner button, .spinner .value {
	text-align: center;
	display: block;
	float: left;
	height: 100%;
	margin: 0
}
.spinner button {
	border: none;
	width: 20px; height:25px;
	color: #e5312a;
	font: 22px Arial bold;
	padding: 0;
	outline: none
}
.decrease {
	float: left; width:32px; height:36px;display:inline-block;float:left; position:relative; top:-1px;
	cursor: pointer;background:url(../images/reduce.jpg) no-repeat center center;
	text-indent: -10000px
}
.decrease[disabled] {
	background:url(../images/reduce.jpg) no-repeat center center;
	cursor: default
}
.increase {float: left;display:inline-block; width:32px;height:36px;position:relative; top:-1px;
	background:url(../images/add.jpg) no-repeat center center;
	cursor: pointer;
	text-indent: -10000px
}
.spinner .value {
	width: 60px;
	border: none;
	font-family: Arial;
	color: #333;
	padding:2px 0;
}
.spinner .value.passive {
	color: #919191
}
.spinner .error, .spinner .invalid {
	background: #ccc
}
.spinnerExample{
	float: left;text-align: center;position: relative;
	top:-1px;
	color: #000;
	width:65px;
	height:34px;
	line-height:34px;
	border:1px solid #eee;
	border-left:none;
	border-right:none;}
.decrease,.increase{
	float: left;}
.vvv{
	display: inline-block;}