@charset "UTF-8";

#thumbScrollContainer {
	width: 100%;
	/*background-color: #3C0;*/
	overflow: hidden;
}
	#thumbContainer {
		width: 100%;
		/*background-color: #0FF;*/
		}
		.thumbInner {
			position: relative;
			float: left;
			/*background-color: #FCC;*/
			}
			#thumbContainer .thumbnail {
				position: absolute;
				display: block;
				width: 100px;
				height: 100px;
				background-size: cover;
				background-repeat: no-repeat;
				background-position: center center;
				background-color: #CCC;
				cursor: pointer;
				}

#pageNation {
	position: relative;
	height: 10px;
	margin: 0 auto;
	}
	#pageNation .pageBtn {
		display: block;
		float: left;
		width: 8px;
		height: 0;
		margin: 0 14px;
		padding-top: 8px;
		background: url(../images/photo_btn.gif) no-repeat;
		background-size: 8px 8px;
		cursor: pointer;
		-webkit-background-size: 8px 8px;
		-moz-background-size: 8px 8px;
		line-height: 8px;
		overflow: hidden;
		filter: alpha(opacity=40);
		-moz-opacity: 0.40;
		opacity: 0.40;
		}
	#pageNation .active {
		filter: alpha(opacity=100) !important;
		-moz-opacity: 1.00 !important;
		opacity: 1.00 !important;
		}
		

@media screen and (max-width: 767px) {
	/*#thumbContainer .thumbnail {
		width: 50px;
		height: 50px;
	}*/

	#pageNation .pageBtn {
		width: 10px;
		margin: 20px 10px 20px;
		padding-top: 10px;
	}
}