#bar{
	position:absolute;
	top:0;
	left:0;
	width:0;
	height:5px;
	background:#555;
	z-index:8888;

}


#itemCollectionPage{
	opacity:0;
	filter: alpha(opacity=0);
	-moz-opacity:0;
	position:relative;
	background:#000;
}


#itemCollectionPage .head{
	height:30px;
	margin:0; 
	position:relative;
	z-index:111;
}
#itemCollectionPage h2{
	font-size:30px;
	display:inline;
	float:left;
	margin-right:50px; 
	line-height:100%;
}
#itemCollectionPage h2 br{display:none;}
#navigation{
	display:inline-block;
	height:30px;
	position:absolute;
	bottom:15px;
	left:15px;
	z-index:999;
}
#navigation li{
	display:block;
	width:14px;
	height:14px;
	margin:8px 5px;
	float:left;
}
#navigation a{
	display:block;
	width:14px;
	height:14px;
	background:url(../img/circle.png) 50% 50% no-repeat;
	outline:none;
}
#navigation a.current{
	background:url(../img/circle_current.png) 50% 50% no-repeat;
}
#scrollWrap{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	z-index:0;
}
#toLeft{
	left:1px;
	background:url(../img/arrowL.png) 50% 50% no-repeat rgba(0,0,0,0.3);
	background:url(../img/arrowL.png) 50% 50% no-repeat #000\9;
	-webkit-border-radius: 10px 0px 0px 10px;
	-moz-border-radius: 10px 0px 0px 10px;
	border-radius: 10px 0px 0px 10px;
}
#toRight{
	right:1px;
	background:url(../img/arrowR.png) 50% 50% no-repeat rgba(0,0,0,0.3);
	background:url(../img/arrowR.png) 50% 50% no-repeat #000\9;
	-webkit-border-radius: 0px 10px 10px 0px;
	-moz-border-radius: 0px 10px 10px 0px;
	border-radius: 0px 10px 10px 0px;
}
#toLeft, #toRight{
	position:absolute;
	top:10%;
	width:60px;
	height:80%;
	z-index:2222;
	cursor:pointer;
	display:none;
}
#scroller{
	display:block;
	width:100%;
	height:100%;
	position:relative;
	overflow:hidden;
}
#scrollInner{
	display:block;
	width:9999px;
	height:100%;
	position:relative;
	z-index:0;
}
#scroller .item{
	position:relative; 
	float:left;
	height:100%;
	cursor:pointer;
	font-size: 13px !important;
}
#scroller .item .model{
	height:100%;
	width:auto;
	line-height:0;
	cursor:pointer;
}
#scroller .item .abs{
	width:100%;
	height:100%;
	top:0;
	left:0;
	background:rgba(0,0,0,0.5);
	background:url(../img/cheap_bg.png)\9;
	color:#FFF;
	text-align:center;
	display:none;
}
/*
#scroller .item .abs .scope{
	padding:20px 0;
	display:block;
}
*/
#scroller .item .abs .inner{
	display:block;
	width:100%;
	position:absolute;
	top:0;
	left:0;
}
#scroller .item .abs dt{margin:0 0 10px;}
#scroller .item .abs dd{font-size:95%;}
#scroller .price{}
#scroller dd.buy {
	margin: 8px 0;
}
#scroller .tag{margin:0 0 10px;}

#scroller .link{margin:0 0 30px;}
#scroller .link img{
	user-select:auto;
	-moz-user-select:auto;
	-khtml-user-select:auto;
	-webkit-user-select:auto;
	-webkit-user-drag:auto;
	-khtml-user-drag:auto;
	pointer-events: auto;
}






#modal{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:10000;
	overflow:scroll;
	background:#FFF;
}
#modal .loading{
	position:absolute;
	top:50%;
	left:50%;
}
#modal .zoom{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:auto;
}
#modal .close{
	position:fixed;
	top:10px;
	left:10px;
	z-index:10001;
	cursor:pointer;
}





@media only screen and (min-width: 768px) and (max-width: 960px) {
	#scroller .item .abs .scope{display:none;}

}

@media only screen and (max-width: 767px) {
	#itemCollectionPage .head{
		padding:10px 5px 0;
		display:block;
		height:auto;
	}
	#itemCollectionPage h2{
		display:block;
		font-size:24px;
		float:none;
		margin:0 0 10px;
	}
	#itemCollectionPage h2 br{display:block;}
	#itemCollectionPage h2 span{margin:0;}

	#navigation{height:auto;}

	#navigation li{
		width:10px;
		height:10px;
		margin:0 10px 0 0;
		float:left;
	}
	#navigation a{width:10px;height:10px; background-size:100% 100%;}
	#navigation a.current{background-size:100% 100%;}

	#scrollWrap{display:block;position:static;}

	#scroller{}
	#scrollInner{height:auto;}
	#scroller .item{padding:0;}
	#scroller .item img.model{
		width:100%;
		height:auto;
		cursor:pointer;
	}
	#scroller .item div.abs{
		display:block;
		width:100%;
		height:100%;
		left:0;
		top:0;
		text-align:center;
		background:rgba(255,255,255,0.85);
		color:#000;
		font-size:120%;
		display:none;
	}
	#modal{width:0;}
	#scroller .item .abs .scope{display:none;}

	
}