body,html {
	position: relative;
	height: 100%;
}
body {
	
}
.swiper-content {
	/*position: absolute;
	left: 0;
	top: 80px;
	width: 940px;
	height: 710px !important;
	background:#FFF;*/
	
	position: absolute;
	left: 10px;
	top: 10px;
	width: 925px;
	height: 690px !important;
	background:#FFF;
}
.swiper-content .inner {
	/*padding: 20px;*/
	position:relative;
}
.swiper-content h1 {
	margin: 0 0 15px;
	font-size: 25px;
}
.swiper-content .movie-pic {
	float: left;
	border-radius: 5px;
	box-shadow: 0px 1px 2px #000;
	width: 110px;
	height: auto;
}
.swiper-content .movie-text {
	margin-left: 120px;
}
.swiper-nav {
	/*height: 86px;
	position:relative;
	left: 19px;
	bottom: 0;
	width: 945px;
	float:left;*/
	
	bottom: -86px;
    height: 86px;
    left: 0;
    position: absolute;
    width: 100%;
	background-color: #fff;
	
	transform: translate(0, 0) rotate(0deg) scale(1);
	transition: all .4s ease-in-out;
	-webkit-transform: translate(0, 0) rotate(0deg) scale(1);
	-webkit-transition: all .4s ease-in-out;
	-ms-transform: translate(0, 0) rotate(0deg) scale(1);
	-ms-transition: all .4s ease-in-out;
}
.swiper-nav-active {
	transform: translate(0, -84px) rotate(0deg) scale(1);
	transition: all .4s ease-in-out;
	-webkit-transform: translate(0, -84px) rotate(0deg) scale(1);
	-webkit-transition: all .4s ease-in-out;
	-ms-transform: translate(0, -84px) rotate(0deg) scale(1);
	-ms-transition: all .4s ease-in-out;
}

.hidden2f {
	position: absolute;
	bottom: 0px;
	left: 485px;
	width: 130px;
	height: 35px;
	cursor: pointer;
	background: #fff url(../images/up-nav.jpg) center center no-repeat;
	
	transform: translate(0, 0) rotate(0deg) scale(1);
	transition: all .4s ease-in-out;
	-webkit-transform: translate(0, 0) rotate(0deg) scale(1);
	-webkit-transition: all .4s ease-in-out;
	-ms-transform: translate(0, 0) rotate(0deg) scale(1);
	-ms-transition: all .4s ease-in-out;
	
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

.hidden2f-active {
	background: #fff url(../images/down-nav.jpg) center center no-repeat;
	
	transform: translate(0, -84px) rotate(0deg) scale(1);
	transition: all .4s ease-in-out;
	-webkit-transform: translate(0, -84px) rotate(0deg) scale(1);
	-webkit-transition: all .4s ease-in-out;
	-ms-transform: translate(0, -84px) rotate(0deg) scale(1);
	-ms-transition: all .4s ease-in-out;
}

.swiper-nav .swiper-slide {
	width: 120px !important;
	height: 84px;
	text-align: center;
	position: relative;
/*	background:url(../images/nav-bg.png) no-repeat top left;*/
	margin-right:4px;
	cursor:pointer;
	border-right: 1px solid #ededed;
	float: left;
}
.swiper-nav .swiper-slide:last-child {
	border: none;
}
.swiper-nav .swiper-slide, .swiper-nav .angle {
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-ms-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
	
}
.swiper-nav .angle {
	display:none;
}
.swiper-nav .angle {
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #fff;
	position: absolute;
	left: 50%;
	margin-left: -3px;
	top: -1px;
	opacity: 0;
}
.swiper-nav {
	/*background: #bbb;
	box-shadow: 0px 2px 5px rgba(0,0,0,0.8) inset;*/
}

.active-nav {
	height:86px;
	/*box-shadow: 0px 2px 5px rgba(0,0,0,0.8) inset;*/
}

.swiper-nav .active-nav .angle {
	opacity: 1;
}
.swiper-nav .swiper-wrapper {
	margin: 0 auto;
}
.swiper-nav img {
	width: 120px;
	height: 82px;
	margin: 1px;
}
.swiper-nav img:hover {
}
.swiper-nav .title {
	margin: 0 5px;
	font-size: 10px;
	font-weight: bold;
	position: relative;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
