@charset "utf-8";
/* CSS Document */
.contentBox ul.spotList li{
	transition:all 0.6s ease;
	float:left;}
.contentBox ul.spotList li .item{
	background:#fff;
	padding-bottom:20px;
	box-shadow: 1px 2px 5px rgba(0,0,0,0.2);
	transition:all 0.3s ease;
	position:relative;}

.contentBox ul.spotList li .Txt{
	text-align:center;}
.contentBox ul.spotList li .Txt h3 a{
	font-size: 21px;
    font-weight: normal;
    color: #000;}
.contentBox ul.spotList li:hover .Txt h3 a{
	color:#786544;}
.contentBox ul.spotList li .Txt h3{
	margin:20px 0;}
.contentBox ul.spotList li .Txt p{
	height:50px;
	padding:0 10px;
	color:#666;}
.contentBox ul.spotList li .Txt b{
	color:#786544;}
.contentBox ul.spotList li .Img{
	background:#000;}
.contentBox ul.spotList li .Img img{
	display:block;
	width:100%;}
.contentBox ul.spotList li:hover .Img img{
	opacity:0.2;}
.contentBox ul.spotList li .btn_mask{
	position:absolute;
	top:40%;
	margin-top:10px;
	text-align:center;
	width:100%;
	opacity:0;
	transition:all 0.6s ease;}
.contentBox ul.spotList li:hover .btn_mask{
	margin-top:-30px;
	opacity:1;}
.contentBox ul.spotList .btn_mask i{
	width:30px;
	height:30px;
	line-height:30px;
	color:#fff;
	border-radius:50%;
	background:#786544;
	transition:all 0.3s ease;}
.contentBox ul.spotList li .btn_mask i:hover{
	transform:translateY(-5px);}

#spotMap{
	height:250px;}
.map{
	border: 1px solid #ccc;
    margin-top: 20px;}
.contentBox .title b{
	padding-top:20px;
	padding-bottom: 15px;
    display: block;
	color:#786544;}