.hotels{width:1160px;position: relative;overflow: hidden;}

.hotels .box_seat{position: relative;width: 100%;overflow: hidden;height: 120px;padding-top:488px;}

.hotels .box{display: block;display: none;width: calc(20% - 1px);position: absolute;top: 0;left: 0;cursor: pointer;
			transition: all 700ms;-moz-transition: all 700ms;-webkit-transition: all 700ms;-o-transition: all 700ms;}

.hotels li.box.next{left: 100%;}
.hotels li.box.prev{left: -20%;}
.hotels li.box.cur1{left: 0;}
.hotels li.box.cur2{left: 20%;}
.hotels li.box.cur3{left: 40%;}
.hotels li.box.cur4{left: 60%;}
.hotels li.box.cur5{left: 80%;}

.hotels .box_btn{position: absolute; top: 35%; width: 50px; height:50px;z-index: 999;cursor: pointer;}
.hotels .box_left { left: 0px; margin-left: 50px; background: url(../images/arrow_left.png) no-repeat center; }
.hotels .box_right {right: 0px; margin-right: 50px; background: url(../images/arrow_right.png) no-repeat center;}

.hotels .box .box_img{width: 100%;height: auto;position: relative;}
.hotels .box .box_img img{width: 100%;}
.hotels .box .box_img .box_shade{top: 0;left: 0;width: 100%;height: 100%;position: absolute;background: rgba(0,0,0,0.5);}

.hotels .box .box_bg{width: 100%;height: 80px;position: relative;}

.hotels .box .box_tt{text-align: center;position: absolute;bottom: 0;width: 100%;height: 100%;}
.hotels .box .box_tt h3{
	height:72px;
	display:inline-block;
	text-align: center;
	line-height:0.6;
	font-weight: 500;
	color: #01633d;
	font-size: 30px;
	font-family: 'arail';
	width:72px;
	border-radius: 50%;
	position:absolute;
	background:#fff;
	left:50%;
	top:-50px;
	margin-left:-36px;}
.hotels .box .box_tt h3 p{padding-top:20px;;margin:0;}						
.hotels .box .box_tt h3 span{color:#919191;font-size:14px;line-height: 1;display: inline-block;width:72px;text-align: center}						
.hotels .box .box_tt h4{height: 30px; line-height: 30px; display: block;
						font-weight: 500; color: #01633d; font-size: 22px;margin-top:30px;}

.hotels .box .box_cross{width: 100%;height: 50px;position: relative;margin-top:0px;}
.hotels .box .box_cross .cross_vertical{position: absolute;top:200px;left: 50%;margin-left: -20px;margin-top: 0px;width: 40px;height: 40px;
						background: url(../images/play_b.png) no-repeat center center;background-size: cover;}
.hotels .box .box_cross .cross_horizontal{position: absolute;top: 50%;left: -500%;margin-left: -20px;margin-top: -25px;width: 40px;height: 40px;
						background: url(../images/play.png) no-repeat center center;background-size:cover;opacity:0.5;filter:Alpha(opacity=50);}

.hotels .box *{transition: all 300ms;-moz-transition: all 300ms;-webkit-transition: all 300ms;-o-transition: all 300ms;}
.hotels .box .box_tt .box_cross .cross_vertical{transition: all 200ms 300ms;-moz-transition: all 200ms 300ms;-webkit-transition: all 200ms 300ms;-o-transition: all 200ms 300ms;}
.hotels .box .box_tt .box_cross .cross_horizontal{transition: all 200ms 500ms;-moz-transition: all 200ms 500ms;-webkit-transition: all 200ms 500ms;-o-transition: all 200ms 500ms;}

.hotels .box:hover .box_img .box_shade{background: rgba(0,0,0,0);}

.hotels .box:hover .box_tt{background: #6a9734;height: 135px;}
.hotels .box:hover .box_tt h3{color: #fff;font-sie: 30px;background:#6a9734;}
.hotels .box:hover .box_tt h3 span{color:#fff;}
.hotels .box:hover .box_tt h4{color: #fff;font-sie: 22px;height: 50px; line-height: 50px;}

.hotels .box:hover .box_cross .cross_vertical{top: 0;}
.hotels .box:hover .box_cross .cross_horizontal{left: 50%;}

.hotels .box .box_cross .cross_horizontal:hover{opacity: 1;filter:Alpha(opacity=100);transition: all 100ms;-moz-transition: all 100ms;-webkit-transition: all 100ms;-o-transition: all 100ms;}