.finger{
	color:#212121;
	background-color: #fff;
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	font-family: Arial;
}
.finger-opacity{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color: rgba(0,0,0,0.3);
}
.finger-item {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.finger-table {
	width: 90%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	margin: 0 auto;
	position: relative;
}
.finger-info {
	font-size: 32px;
	font-weight: bold;
	color: #fff;
}
.finger-item-1 {
	background-image: url("../images/finger-1.jpg");
}
.finger-item-2 {
	background-image: url("../images/finger-2.jpg");
}
.finger-item-3 {
	background-image: url("../images/finger-3.jpg");
}
.finger-item-4 {
	background-image: url("../images/finger-4.jpg");
}
.finger-item-5 {
	background-image: url("../images/finger-5.jpg");
}
.finger-item-current{
	display:block;
}
.finger-option-item{
	cursor: pointer;
	text-decoration: none;
	color: #fff;
	width: 4rem;
	height: 3rem;
	border-radius: 50%;
	text-align: center;
	display: inline-block;
	line-height:3rem;
}
.finger-option-item:hover{
	background-color: rgba(0,0,0, 0.54);
}
.finger-option-list{
	line-height: 3rem;
	font-size: 4rem;
	margin-top: 4rem;
}

@media screen and (min-width: 800px){
	.finger-info {
		font-size: 72px;
	}
	.finger-table {
		width: 80%;
	}
	.finger-option-item{
		width: 7rem;
		height: 7rem;
		line-height:7rem;
	}
}