/* reset */
fieldset,
button,
input,
select,
option {
	vertical-align: middle;
	font: 12px/18px "微软雅黑", arial, sans-serif;
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

textarea {
	resize: none
}

.preview {
	width: 400px;
	height: 465px;
	position: relative;
}


/* smallImg */

.smallImg {
	position: relative;
	height: 52px;
	padding: 6px 5px;
	width: 390px;
	overflow: hidden;
	float: left;
	margin-top: 10px;
}

.scrollbutton {
	width: 13px;
	height: 50px;
	overflow: hidden;
	position: relative;
	float: left;
	cursor: pointer;
}

.scrollbutton.smallImgUp,
.scrollbutton.smallImgUp.disabled {
	background: url(/style/images/common.png) no-repeat -399px -122px;
	border: none;
}

.scrollbutton.smallImgDown,
.scrollbutton.smallImgDown.disabled {
	background: url(/style/images/common.png) no-repeat -426px -122px;
	float: right;
	border: none;
}

#imageMenu {
	height: 50px;
	width: 360px;
	overflow: hidden;
	margin-left: 0;
	float: left;
}

#imageMenu li {
	height: 50px;
	width: 60px;
	overflow: hidden;
	float: left;
	text-align: center;
}

#imageMenu li img {
	width: 50px;
	height: 50px;
	cursor: pointer;
}

#imageMenu li#onlickImg img,
#imageMenu li:hover img {
	width: 48px;
	height: 48px;
	border: 1px solid #ddd;
}


/* bigImg */

.bigImg {
	position: relative;
	float: left;
	width: 400px;
	height: 400px;
	overflow: hidden;
	border: 1px solid #ddd;
}

.bigImg #midimg {
	width: 400px;
	height: 400px;
}

.bigImg #winSelector {
	width: 235px;
	height: 210px;
}

#winSelector {
	position: absolute;
	cursor: crosshair;
	filter: alpha(opacity=15);
	-moz-opacity: 0.15;
	opacity: 0.15;
	background-color: #000;
	border: 1px solid #fff;
}


/* bigView */

#bigView {
	position: absolute;
	border: 1px solid #959595;
	overflow: hidden;
	z-index: 999;
}

#bigView img {
	position: absolute;
}