.viewport {
    width: 300px;
    overflow: hidden;
    margin: 0 auto;
	border:#FFF 1px solid;}
.flipsnap {
    width: 2100px; /* 350px(item width) * 7(item count) */}
.item {
    float: left;
    width: 300px;
    text-align: center;
    padding:0;
    cursor: pointer;}
	.item img{
		width:300px;}


.pointer {
  text-align: center; }

.pointer span {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background:#FFF;
  border:#FFF 1px solid;}

.pointer span.current {
  background: #1C1413;
  border:#FFF 1px solid;}