@charset "utf-8";
#contents.overview {
	position: relative;
}
.section_top .back_container {
	background:none;
}
.section_area h2 {
	font-size:30px;
	color:#333;
	line-height:30px;
	font-weight:700;
	text-align:center;
	margin-bottom:40px;
}
.section_area h2 span {
	font-size:16px;
	margin-top:30px;
	display:inline-block;
	font-weight:normal;
	line-height:26px;
	color: #666
}
.business_line_area {
	padding-top:80px;
	background: #fff;
	position: relative;
}
.business_line_area .business_line_contents {
	text-align: center;
	padding-bottom:80px;
}
.business_line_area .business_line_contents a {
	width:190px;
	height:50px;
	border:1px solid #929292;
	display:block;
	position:relative;
	margin:40px auto 0;
	font-size:16px;
	line-height:50px;
	text-align:center;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.business_line_area .business_line_contents a span {
	position:relative;
	display:inline-block;
	color:#333;
	padding-right: 30px
}
.business_line_area .business_line_contents a span:before {
	content:'';
	width:17px;
	height:17px;
	position:absolute;
	right:0;
	top:17px;
	background:url("../../Images/business/overview/btn_movie_icon.png") no-repeat 0 0;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}
.business_line_area .business_line_contents a span:after {
	content:'';
	width:17px;
	height:17px;
	position:absolute;
	right:0;
	top:17px;
	background:url("../../Images/business/overview/btn_movie_icon_on.png") no-repeat 0 0;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	opacity: 0;
	visibility: hidden;
}
.business_line_area .business_line_contents a:hover {
	background: #ff4311;
	border-color: #ff4311
}
.business_line_area .business_line_contents a:hover span {
	color: #fff
}
.business_line_area .business_line_contents a:hover span:before {
	opacity: 0;
	visibility: hidden
}
.business_line_area .business_line_contents a:hover span:after {
	opacity: 1;
	visibility: visible
}
.business_scope_area {
	position: relative;
	background-color:#f8f8f8;
	padding:120px 0;
}
.select_box {
	height: 434px;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 50px;
}
.select_box > div {
	position: relative;
	display: inline-block;
	width: 288px;
	height: 100%;
	-webkit-transition: width 0.3s ease-out;
	-moz-transition: width 0.3s ease-out;
	-o-transition: width 0.3s ease-out;
	transition: width 0.3s ease-out;
	overflow: hidden;
	float: left;
	margin-right: 8px;
}
.select_box .select4 {
	margin-right:0px
}
.select_box > div .bg {
	position:absolute;
	top:0;
	left:50%;
	width:408px;
	height:434px;
	margin-left:-204px;
}
.select_box > div .bg span {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: none;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
	display: block;
	width: 100%;
	height: 100%;
}
.select_box > div:hover .bg span {
	background:url("../black40.png") repeat
}
.select_box ul {
	position:relative;
	top:50%;
	margin-top:-63px;
	text-align: center;
	color:#fff;
	-webkit-transition: margin-top 0.3s ease-out;
	-moz-transition: margin-top 0.3s ease-out;
	-o-transition: margin-top 0.3s ease-out;
	transition: margin-top 0.3s ease-out;
}
.select_box ul li {
	display: block;
}
.select_box ul li.title {
	font-size:26px;
	line-height:26px;
	margin-top:20px;
}
.select_box ul li.title i {
	display: block;
	margin: 0 auto;
	width: 25px;
	height: 2px;
	background: #fff;
	margin-top: 20px;
}
.select_box ul li.desc {
	font-size:14px;
	padding-top:253px;
	line-height:23px;
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}
.select_box ul li.detail_btn {
	position:relative;
	padding-top:257px;
	font-size:14px;
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}
.select_box ul li.detail_btn a {
	margin: 0 auto;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	position:relative;
	display:block;
	width:140px;
	height:37px;
	line-height:37px;
	background:url("btn_detail.png") 0 0 no-repeat;
}
.select_box ul li.detail_btn a span {
	position:relative
}
.select_box ul li.detail_btn a > img {
	position:relative;
	top:-2px;
	vertical-align: middle;
	margin-left:6px;
	max-width:none;
	transition:all 0.3s;
}
.select_box ul li.detail_btn a .on {
	position:absolute;
	top:0;
	left:0;
	opacity: 0;
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-o-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
	border-radius: 75px;
	overflow: hidden;
}
.select_box ul li.detail_btn a .on img {
	max-width:none;
}
.select_box > div.active {
	width:360px;
}
.select_box > div.deactive {
	width:270px;
}
.select_box > div:hover ul {
	margin-top:-106px;
}
.select_box > div:hover ul li.desc {
	padding-top:23px;
}
.select_box > div:hover ul li.detail_btn {
	padding-top:44px;
}
.select_box > div:hover ul li.title i {
	display:none;
}
.select_box ul li.detail_btn a:hover > img {
	margin-left:15px;
}
.select_box ul li.detail_btn a:hover .on {
	opacity:1;
}
.overview .popup {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	display: none;
	background: rgba(0, 0, 0, 0.8)
}
.overview .popup .pop_inner {
	position: absolute;
	left: 50%;
	top: 990px;
	margin-left: -480px;
	width: 960px;
}
.overview .popup .pop_inner .btn_close {
	position: absolute;
	display: block;
	top: 0;
	right: -52px;
	z-index: 99;
}