#video {
	background: url(/img/video_bg.png) 0 0 no-repeat fixed;
	padding: 8% 0 10% 0;
	text-align: center;
	position: relative;
	background-size: cover;
}
#video .vod {
	border: none;
}
#video h2 {
	margin: 3% 0 1.5% 0;
}
#video .text {
	font-size: 18px;
	color: #333333;
	line-height: 32px;
	font-weight: 100;
}
#video .bottom_bg {
	display: block;
	height: 170px;
	width: 100%;
	background: url(/img/video_bottom_bg.png) 0 0 no-repeat;
	background-size: cover;
	position: absolute;
	bottom: 0;
}
#video .vimeo {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
}
#video #player {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
#video .player-ctrl{
	position: absolute;
	z-index: 200;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	cursor: pointer;
	text-align: center;	
}
#video .play_btn {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	background-color: rgba(0,0,0,0);
	border: none;
	outline: none;
	cursor: pointer;
}




#room .room_list {
	position: relative;
}
#room .room_list .item {
	position: relative;
}
#room .room_list .item a {
	display: inline-block;
}
#room .room_list .item .content {
	text-align: center;
	background: url(/img/room_name_border.png) 0 0 no-repeat;
	width: 20.7%;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	padding: 2% 0 16.3% 0;
}
#room .room_list .item .content .room_type {
	color: #333333;
	font-size: 18px;
	font-weight: 100;
	margin: 1.5% 0 7% 0;
}
#room .room_list .item .content .more {
	color: #666666;
	font-size: 16px;
}
#room .room_list .item .image {
	padding-top: 9.35%;
	width: 100%;
}
#room .room_list .item .img_title {
	position: absolute;
	bottom: -3px;
	left: 50%;
	width: 349px;
	margin-left: -174.5px;
} 
#room .room_list .slick-next,
#room .room_list .slick-prev {
	width: 18px;
	height: 34px;
	bottom: -50px;
	top: auto;
}
#room .room_list .slick-next {
	background: url(/img/room_next.png) 0 0 no-repeat;
	right: 41%;
}
#room .room_list .slick-prev {
	background: url(/img/room_prev.png) 0 0 no-repeat;
	left: 41%;
}
#room .room_list .slick-dots {
	bottom: -45px;
	left: calc(50% + -109px);
}
#room .slick-dots li button:before {
	color: #000;
	font-size: 14px;
}


#room .room_detail {
	margin-top: 6%;
}
#room .room_detail .content {
	background: url(/img/room_detail_bg.jpg) 0 0 no-repeat;
	padding: 8% 18% 29.5% 9%;
	position: absolute;
	z-index: 5;
}
#room .room_detail .content .text {
	font-size: 18px;
	color: #fff;
	font-weight: 100;
	line-height: 32px;
	margin-top: 8%;
}
#room .room_detail .room_img .item img:first-child {
	float: right;
	width: 44%;
}
#room .room_detail .room_img .item img:nth-child(2) {
	width: 100%;
}
#room .room_detail .bx-pager-item,
#room .room_detail .bx-controls-direction a {
	display: none;
}









#facilities h2 {
	margin-top: 7.5%;
	text-align: center;
}
#facilities .small_title {
	text-align: center;
	color: #333333;
	font-size: 18px;
	letter-spacing: 1px;
	margin: 1% 0 2.7% 0;
}
#facilities .list:after {
	content: ''; 
	display: table; 
	clear: both
}
#facilities .list li {
	float: left;
	width: 33.33%;
	position: relative;
	font-size: 0;
}
#facilities .list li img {
	width: 100%;
}
#facilities .list li .over {
	position: absolute;
	top: 0;
	background-color: rgba(0,0,0,0);
	width: 91%;
	height: 21.5%;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	padding: 89% 0 0 9%;
}
#facilities .list li .over:hover {
	background-color: rgba(0,0,0,0.6);
}
#facilities .list li .over .text {
	font-size: 38px;
	font-weight: 800;
	color: #fff;
	margin-bottom: 2%;
}
#facilities .list li .over .more {
	font-size: 18px;
	color: #fff;
	border: 1px solid #fff;
	display: inline-block;
	padding: 1% 2%;
	background-color: rgba(255,255,255,0.2);
}




#service:after {
	content: '';
	display: table;
	clear: both;
}
#service {
	background: url(/img/service_bg.jpg) 0 0 no-repeat fixed;
	margin-top: 6%;
	padding: 7% 0 4.4% 0;
	background-size: cover;
}
#service h2:before {
	content: '';
	display: inline-block;
	width: 9.5%;
	height: 1px;
	background-color: #fff;
	margin-right: 0.7%;
}
#service h2 img {
	vertical-align: middle;	
}
#service .small_title {
	font-size: 18px;
	color: rgba(255,255,255,0.6);
	letter-spacing: 1px;
	margin: 0.6% 0 0 10.2%;
}
#service .service_list:after {
	content:'';
	display: table; 
	clear: both
}
#service .service_list {
	width: 29%;
	float: left;
	margin: 9% 0 0 3.7%;
}
#service .service_list li {
	float: left;
	width: 50%;
	cursor: pointer;
}
#service .service_list li:nth-child(1),
#service .service_list li:nth-child(2) {
	margin-bottom: 15%;
}
#service .service_list li.active .icon {
	opacity: 1;
}
#service .service_list li.active .text,
#service .service_list li.active .text2 {
	color: rgba(255,255,255,1);
}
#service .service_list li:hover .icon {
	opacity: 1;
}
#service .service_list li:hover .text,
#service .service_list li:hover .text2 {
	color: rgba(255,255,255,1);
}
#service .service_list li .icon {
	height: 50px;
	opacity: 0.5;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
}
#service .service_list li .text {
	font-size: 24px;
	color: rgba(255,255,255,0.7);
	margin: 4% 0 0 0;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
}
#service .service_list li .text2 {
	font-size: 15px;
	color: rgba(255,255,255,0.5);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
}
#service .service_img {
	margin-top: 2.5%;
	float: right;
	width: 61%;
}
#service .service_img li {
	display: none;
}
#service .service_img li:first-child {
	display: block;
}
#service .service_img li img {
	width: 100%;
}







#about {
	background: url(/img/about_bg.jpg) 0 0 no-repeat;
	position: relative;
	background-size: cover;
}
#about h2 {
	text-align: center;
	padding: 6% 0 2% 0;
}
#about .text {
	position: absolute;
	top: 79%;
	right: 2.6%;
	z-index: 10;
}
#about .text h3 img {
	vertical-align: middle;
}
#about .text h3:after {
	content: '';
	display: inline-block;
	width: 172px;
	height: 1px;
	background-color: #fff;
	margin-left: 30px;
}
#about .text .small_title {
	color: rgba(255,255,255,0.6);
	font-size: 18px;
	letter-spacing: 1px;
	margin-top: 3%;
}
#about .rslides_tabs {
	display: none;
}