#navBarContainer {
	background: linear-gradient(white,#FDFEFE);
}
.media-body {
	background: linear-gradient(#FDFEFE,#EBF4EE);
	padding-bottom: 60px;
	overflow:hidden;
}
.media-nav {
	margin-top:5px;
	margin-bottom:30px;
	text-align: center;
}
.media-nav > a {
	display: inline-block;
	width: 96px;
	line-height: 30px;
	color: #4a4a4a;
	font-size:14px;
	font-family: "微软雅黑";
	font-weight: 400;
}


.media-nav > a.active {
	background: #6805f2;
	color: #ffffff;
	font-weight: 600;
}

.media-cotainer {
	width: 1160px;
	margin: auto;
	white-space: nowrap;
	position: relative;
}

.media-cotainer .images .item {
	display: inline-block;
	margin-left: 18px;
	text-align:center;
	position:relative;
}

.media-cotainer .images .item .view
{
	position:absolute;
	width:44px;
	height:42px;
	bottom:60px;
	left:90px;
}

.media-cotainer .images .item .image
{
	display:block;
	width:215px;
	height:290px;
	overflow:hidden;
	margin-bottom:20px;
}

.media-cotainer .images .item img {
	display: block;
	width: 215px;
	height: 290px;
	transition:1s;
}

.media-cotainer .item:hover .image img,.media-cotainer .item:hover .video img {
	transform:scale(1.3);
	transition:1s;
}

.media-cotainer .item img.view,.media-cotainer .item span.view {
	display:none;
}

.media-cotainer .item:hover img.view,.media-cotainer .item:hover span.view {
	display:block;
}

.media-cotainer .images .item .title {
	color: #4a4a4a;
	font-family: "微软雅黑";
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	text-align: center;
}
.media-cotainer .images .item:first-child {
	margin-left: 0;
}

.media-cotainer .left
{
	display:block;
	width:37px;
	height:37px;
	background:url(../images/left-gray-arrow.png);
	position:absolute;
	left:-67px;
	top:125px;
}

.media-cotainer .left:hover
{
	width:37px;
	height:37px;
	background:url(../images/left-red-arrow.png);
}

.media-cotainer .right
{
	display:block;
	width:37px;
	height:37px;
	background:url(../images/right-gray-arrow.png);
	position:absolute;
	right:-67px;
	top:125px;
}

.media-cotainer .right:hover
{
	width:37px;
	height:37px;
	background:url(../images/right-red-arrow.png);
}

.media-cotainer .page
{
	display:none;
}









.media-cotainer .videos .item {
	display: inline-block;
	margin-left: 5px;
	text-align:center;
	background:white;
	height:290px;
	position:relative;
}

.media-cotainer .videos .item .video
{
	display:block;
	box-sizing:border-box;
	width: 340px;
	height: 224px;
	overflow:hidden;
	margin:20px;
	margin-bottom:3px;
	border: solid 1px #979797;
}

.media-cotainer .videos .item .video img {
	display: block;
	width: 340px;
	height: 224px;
	transition:1s;
}

.media-cotainer .videos .item .title {
	color: #4a4a4a;
	font-family: "微软雅黑";
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	text-align: center;
}
.media-cotainer .videos .item:first-child {
	margin-left: 0;
}


.media-cotainer .videos .item .view
{
	position:absolute;
	left:20px;
	top:20px;
	width: 340px;
	height: 224px;
	background-image:url(../images/icon_preview.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-color:rgba(0,0,0,0.5);
}