@charset "utf-8";
/* flipsnap用 */

.flipsnap_wrapper {
	text-align: center;
}

.viewport {	
	width: 280px;
	overflow: hidden;
	margin: 0 auto;
	padding: 10px 0;
 }
 
.width_viewport {	
	width: 300px;
}

.flipsnap,.flipsnap2,.flipsnap3,.flipsnap4,.flipsnap5,.flipsnap6,.flipsnap6,.flipsnap7,.flipsnap8,.flipsnap9,.flipsnap10,.flipsnap11,.flipsnap12,.flipsnap13,.flipsnap14 {
  width: 4400px;
  /* 230px(item) * 5 + 45px(padding) */
 }

.flipsnap:after,.flipsnap2:after,.flipsnap3:after,.flipsnap4:after,.flipsnap5:after,.flipsnap6:after,.flipsnap7:after,.flipsnap8:after,.flipsnap9:after,.flipsnap10:after,.flipsnap11:after,.flipsnap12:after,.flipsnap13:after,.flipsnap14:after {
  content: '';
  display: block;
  clear: both;
  height: 0; }

.item {
	position: relative;
	width: 280px;
	margin-right: 20px;
	text-align: center;
	border: 0 solid #999;
	float: left;
	color: #666;
}

.flipsnap5 .item img,.flipsnap6 .item img {
	width: 100%;
}

.item .cap {
	display: block;
	position: absolute;
	bottom: 0;
	background: #fff;
	width: 300px;
	padding: 4px 0;
	opacity:0.7;
	color: #000;
}

.item .item_text {
	margin: 5px 00px 0 0;
	color: #222;
	font-size: 12px;
	text-align: left;
}

.pointer,.pointer2,.pointer3,pointer4,pointer5,pointer6,pointer7,pointer8,pointer9,pointer10,pointer11,pointer12,pointer13,pointer14 {
  text-align: center;
 }

.pointer span,.pointer2 span,.pointer3 span,.pointer4 span,.pointer5 span,.pointer6 span,.pointer7 span,.pointer8 span,.pointer9 span,.pointer10 span,.pointer11 span,.pointer12 span,.pointer13 span,.pointer14 span {
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 8px;
  background: #e3d6bd;
  }

.pointer span.current,.pointer2 span.current,.pointer3 span.current,.pointer4 span.current,.pointer5 span.current,.pointer6 span.current,.pointer7 span.current,.pointer8 span.current,.pointer9 span.current,.pointer10 span.current,.pointer11 span.current,.pointer12 span.current,.pointer13 span.current,.pointer14 span.current {
  background: #708104; }

.controls {
  text-align: center;
  margin: 0 0 15px 0; }

.controls .num {
  width: 60px; }