body.sub-page.videopage .wrap-container {background: #f7f7f7;}
body.videopage header .wrap-header{background: url("../images/videohead.jpg") no-repeat 40% 30%;background-size: cover;background-color: #000000; /*opacity:0.1*/}
.videopage .menubox {background-color: rgba(0,0,0,0.3)}
/* ---------------------------------------------------------------------------- */
/* ------------------------------------Crumbs---------------------------------- */
/* ---------------------------------------------------------------------------- */
.crumbs {border-bottom: 1px solid #ddd;padding:70px 0 20px 30px;background: #f7f7f7;}
.crumbs ul {list-style: none;display: inline-table;}
.crumbs ul li {display: inline;}
.crumbs ul li a {display: block;float: left;background: #000000;text-align: center;padding: 7px 30px 8px 40px;position: relative;margin: 0 20px 0 0; font-size: 16px;text-decoration: none;color: #fff;}
.crumbs ul li a:after {
	content: "";  
	border-top: 18px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid #000000;
	position: absolute; 
	right: -20px; 
	top: 0;
	z-index: 1;
	-webkit-transition: border 0.3s, -webkit-transform 0.3s;-moz-transition: border 0.3s, -moz-transform 0.3s;-o-transition: border 0.3s, -o-transform 0.3s;transition: border 0.3s, transform 0.3s;}
.crumbs ul li a:before {content: "";  border-top: 20px solid transparent;border-bottom: 20px solid transparent;border-left: 20px solid #F7F7F7;position: absolute; left: 0; top: 0;}
.crumbs ul li:first-child a {border-top-left-radius: 6px; border-bottom-left-radius: 6px;}
.crumbs ul li:first-child a:before {display: none; }
.crumbs ul li:last-child a {padding-right: 40px;padding-left: 50px;border-top-right-radius: 6px; border-bottom-right-radius: 6px;}
.crumbs ul li:last-child a:after {display: none; }		
.crumbs ul li a:hover {background: #222;color: ##f7f7f7;}
.crumbs ul li a:hover:after {border-left-color: #222;}
.crumbs ul li a:hover:after {border-left-color: #222;}

@media only screen and (max-width: 768px)
{
	.crumbs {
		text-align: center;
	}
}


/* MV盒子 */

.attention{
	position: fixed;
	z-index: 3;
	right: 0;
	top: 25%;
	border: 1px solid #666666;
	/*border-top-left-radius:50%;*/
	/*border-bottom-left-radius:50%;*/
	padding: 2px 10px;
	background-color: rgba(255,255,255,0.6);
}

.content-box .subtitle {
	color: #373636; 
	text-align: center; 
	font-size: 1.5em;
	padding: 0 0 60px 0;
	font-weight:700;
}
.information {padding: 20px 0 5px;}


.mv-content {box-shadow: 10px 10px 5px #888888;}
.mv-content:hover {
	box-shadow: 15px 15px 20px 0 rgba(0, 0, 0, 0.3);
	margin-top: -5px;
	padding-bottom: 5px; 
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition-duration: 0.3s;
}
@media only screen and (max-width: 768px)
{
	.mv-content:hover {
		margin-top: 0;
		padding-bottom: 0; 
	}
}

.mv-content .mv-title{color: #000000;font-size: 1.5em;text-decoration: none;-moz-transition: 0.3s;-ms-transition: 0.3s;-o-transition: 0.3s;transition-duration: 0.3s;
	font-size: 16px;letter-spacing: -.3px;text-align: center;width: auto;text-transform: uppercase;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.mv-content .mv-title a {color: #141414;font-weight: 700;font-size: 1.3em;}
.mv-content .mv-title a:hover {color: #A3C145;}	
.mv-content .specifications {text-align: center;margin: 10px 0 0 0;}
.mv-content .download {height: 35px;text-align: center;margin: 5px 0 0 0;}
.mv-content .download a {color: #000;display: inline-block;padding: 2px 3px;}
.mv-content .download a:hover {
	border: 2px solid black;
	font-weight: 700;
	padding: 2px 10px 0 10px;
}
.mv-content .specifications a {font-weight: 600;}
.mv-content .mv-title a span {font-size: 0.8em;color: black;line-height: 1.5;}
.mv-content-img {position: relative;overflow: hidden;}
.mv-content-caption {display: block;position: absolute;bottom: 0;width: 100%;height: 100%;text-align: center;color: #fff;-webkit-transition: all .35s;-moz-transition: all .35s;transition: all .35s;}
.mv-content-img:hover .mv-content-caption {
	opacity: 1;
	background: rgba(0, 0, 0, .6);
}
.mv-content-img:hover.zoom-effect img{
	-webkit-transform:scale(1.1); /* Safari and Chrome */
	-moz-transform:scale(1.1); /* Firefox */
	-ms-transform:scale(1.1); /* IE 9 */
	-o-transform:scale(1.1); /* Opera */
	transform:scale(1.1);}
/*.mv-content-img.zoom-effect .mv-content-caption{background: rgba(45, 50, 56,0.2);}*/
.mv-content-img.zoom-effect img{
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;}

.mv-content-caption .playpng{
	height: 100%;
	width: 100%;
	background: url("../images/play.png") no-repeat center center;
	background-size: 15% auto;
	opacity: 0;
}
.mv-content-caption .playpng a{
	display: block;
	height: 100%;
	width: 100%;
}
.mv-content-img:hover .mv-content-caption .playpng {
	opacity: 1;
	transition: 1s ease;
}
.mv-content-caption .noplay{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	opacity:0;
	font-size: 16px;
}
.mv-content-img:hover .mv-content-caption .noplay {
	opacity: 1;
	transition: 1s ease;
}

@media only screen and (max-width: 768px)
{
	.content-box #mvheader {
		margin: 30px 0 60px;
	}
	.content-box #mv-wrap-box {
		padding: 50px 10px 100px 10px;
	}
	.content-box .subtitle {
		color: #373636; 
		text-align: center; 
		font-size: 1.5em;
		padding: 0 0 20px 0;
		font-weight:700;
	}	
	
	
	.mv-content .row {
		max-width: 500px;
		margin: 0 auto;
		zomm: 1;
		padding: 0;
		border: 0;
		outline: 0;
		vertical-align: top;
		text-align: center;
	}
	.mv-content .mv-title {
		margin-left: 30px;
		font-size: 16px;
		letter-spacing: -.3px;
		float: left;
		margin: 0 0 0 25px;
		width: auto;
		text-transform: uppercase;
		max-width: calc(100% - 150px);
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		
	}
	.mv-content .mv-title>a{
		font-weight: 500;
		transition-duration: 0.3s;
		color: #141414;
		font-size: 100%;
		cursor: pointer;
		
	}
	
	.mv-content .specifications{
		margin-left: 30px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space:nowrap;
		float:left;
		margin: 0 6px 0 25px;
		display: block;
		font-size: 13px;
	}
	.mv-content .row{
		position: relative;
		margin-bottom: 10px;
	}
	.mv-content .download{
		display: block;
		font-weight: 600;
		font-size: 14px;
		/*float:right;*/
		color: #141414;
		height: auto;
		margin: 0;
		position: absolute;
		right: 30px;
		top: -5px;
	}
	.mv-content .download a:hover {
		border: 2px solid black;
		font-weight: 700;
		padding: 2px 10px 0 10px;
	}
	
}

/*  歌词盒子	*/
.floatR {
	float:right;
}

/*				一行两大块			*/
#page-content .content .row.mv-fatherbox,
#page-content .content .row.cs-fatherbox {
	position: relative;
}


@media (min-width: 1600px) {
 	#page-content .content .row.mv-fatherbox {
		float:left;
		position: relative;
		width: 50%;
	}
}



.lyrics {
	right: 0;
	height: 100%;
	/*background-color: aqua;*/
	position: absolute;
	padding: 0 13px 30px;
}
.lyricsL{
	position: absolute;
	height: 100%;
	left: 0;
	top:0;
	padding: 0 13px 30px;
}

.lyrics .lrcbox,
.lyricsL .lrcbox {
	position: relative;
	/*background-color: crimson;*/
	height: 100%;
	width: 100%;
	text-align: center;
	padding: 0;
	box-shadow: 3px 3px 5px #888888;
	
}
.lyrics .lrcbackground-1,
.lyricsL .lrcbackground-2,
.lyrics .lrcbackground-3,
.lyricsL .lrcbackground-4,
.lyrics .lrcbackground-5,
.lyricsL .lrcbackground-6,
.lyrics .lrcbackground-7,
.lyricsL .lrcbackground-8,
.lyrics .lrcbackground-9,
.lyricsL .lrcbackground-10,
.lyrics .lrcbackground-11 {
	height: 100%;	
}
.lyrics .lrcbackground-1::before,
.lyricsL .lrcbackground-2::before,
.lyrics .lrcbackground-3::before,
.lyricsL .lrcbackground-4::before,
.lyrics .lrcbackground-5::before,
.lyricsL .lrcbackground-6::before,
.lyrics .lrcbackground-7::before,
.lyricsL .lrcbackground-8::before,
.lyrics .lrcbackground-9::before,
.lyricsL .lrcbackground-10::before,
.lyrics .lrcbackground-11::before {
	content: "";
	position:absolute;	
    /*filter:blur(3px);*/
	width: 100%;
	height: 100%;
	left: 0;
	top:0;
}
.lyrics .lrcbackground-1::before{
	background: url("../images/lrcbg001.jpg") no-repeat;
	background-size: 100% auto;
}
.lyricsL .lrcbackground-2::before {
	background: url("../images/lrcbg002.jpg") no-repeat;
	background-size: 100% auto;
}
.lyrics .lrcbackground-3::before{
	background: url("../images/lrcbg003.jpg") no-repeat;
	background-size: 100% auto;
}
.lyricsL .lrcbackground-4::before{
	background: url("../images/lrcbg004.jpg") no-repeat;
	background-size: 100% auto;
}
.lyrics .lrcbackground-5::before{
	background: url("../images/lrcbg005.jpg") no-repeat;
	background-size: 100% auto;
}
.lyricsL .lrcbackground-6::before{
	background: url("../images/lrcbg006.jpg") no-repeat;
	background-size: 100% auto;
}
.lyrics .lrcbackground-7::before{
	background: url("../images/lrcbg007.jpg") no-repeat;
	background-size: 100% auto;
}
.lyricsL .lrcbackground-8::before{
	background: url("../images/lrcbg008.jpg") no-repeat;
	background-size: 100% auto;
}
.lyrics .lrcbackground-9::before{
	background: url("../images/lrcbg009.jpg") no-repeat;
	background-size: 100% auto;
}
.lyricsL .lrcbackground-10::before{
	background: url("../images/lrcbg010.jpg") no-repeat;
	background-size: 100% auto;
}
.lyrics .lrcbackground-11::before{
	background: url("../images/lrcbg011.jpg") no-repeat;
	background-size: 100% auto;
}
.lrc-1,.lrc-2,.lrc-3,.lrc-4,.lrc-5,.lrc-6,.lrc-7,.lrc-8,.lrc-9,.lrc-10,.lrc-11 {
	display: block;
	position: absolute;
	text-align: center;
	height: 100%;
	width: 100%;
	/*top: 50%;
	transform: translate(0,-50%);*/
	
}
.lrc-1 {
	background: url("../images/lrc001.png") no-repeat center center;
	background-size: 90% auto;
	opacity: 0;
}
.lrc-2 {
	background: url("../images/lrc002.png") no-repeat center center;
	background-size: 90% auto;
}
.lrc-3 {
	background: url("../images/lrc003.png") no-repeat center center;
	background-size: 90% auto;
}
.lrc-4 {
	background: url("../images/lrc004.png") no-repeat center center;
	background-size: 90% auto;
}
.lrc-5 {
	background: url("../images/lrc005.png") no-repeat center center;
	background-size: 90% auto;
}
.lrc-6 {
	background: url("../images/lrc006.png") no-repeat center center;
	background-size: 90% auto;
}
.lrc-7 {
	background: url("../images/lrc007.png") no-repeat center center;
	background-size: 90% auto;
}
.lrc-8 {
	background: url("../images/lrc008.png") no-repeat center center;
	background-size: 90% auto;
}
.lrc-9 {
	background: url("../images/lrc009.png") no-repeat center center;
	background-size: 90% auto;
}
.lrc-10 {
	background: url("../images/lrc010.png") no-repeat center center;
	background-size: 90% auto;
}
.lrc-11 {
	background: url("../images/lrc011.png") no-repeat center center;
	background-size: 90% auto;
}


.lrcbox:hover {
	margin-top: 0px;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition-duration: 0.3s;
	box-shadow: 10px 10px 15px 0 rgba(0, 0, 0, 0.3);
}

.lrcbox:hover .lrc-1,
.lrcbox:hover .lrc-2,
.lrcbox:hover .lrc-3,
.lrcbox:hover .lrc-4,
.lrcbox:hover .lrc-5,
.lrcbox:hover .lrc-6,
.lrcbox:hover .lrc-7,
.lrcbox:hover .lrc-8,
.lrcbox:hover .lrc-9,
.lrcbox:hover .lrc-10,
.lrcbox:hover .lrc-11 {
	opacity: 1;
	-webkit-transform:scale(1.1); /* Safari and Chrome */
	-moz-transform:scale(1.1); /* Firefox */
	-ms-transform:scale(1.1); /* IE 9 */
	-o-transform:scale(1.1); /* Opera */
	transform:scale(1.1);
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	transition: all .6s;
}
.lrcbox:hover .lrcbackground-1::before,
.lrcbox:hover .lrcbackground-2::before,
.lrcbox:hover .lrcbackground-3::before,
.lrcbox:hover .lrcbackground-4::before,
.lrcbox:hover .lrcbackground-5::before,
.lrcbox:hover .lrcbackground-6::before,
.lrcbox:hover .lrcbackground-7::before,
.lrcbox:hover .lrcbackground-8::before,
.lrcbox:hover .lrcbackground-9::before,
.lrcbox:hover .lrcbackground-10::before,
.lrcbox:hover .lrcbackground-11::before {
	filter:blur(3px);
	-webkit-transition: all 1.2s;
	-moz-transition: all 1.2s;
	transition: all 1.2s;
}




/*----------移动端不显示歌词box————————*/
/*@media only screen and (max-width: 768px){
	.lyrics {
		display: none;
	}
}*/

/*------------错生--------------*/
.content .row.cs-fatherbox .cuosheng-middle{
	left: 50%;
	transform: translate(-50%,0);
}


.mv-content-img:hover.zoom-effect-cuosheng img{
	-webkit-transform:scale(1.05); /* Safari and Chrome */
	-moz-transform:scale(1.05); /* Firefox */
	-ms-transform:scale(1.05); /* IE 9 */
	-o-transform:scale(1.05); /* Opera */
	transform:scale(1.05);
	transition: 1s ease;
}
.content-box .subtitle-cuosheng,
.content-box .subtitle-live,
.content-box .subtitle-others{
	color: #373636; 
	text-align: center; 
	font-size: 1.5em;
	margin-top: 60px;
	padding: 100px 0 50px 0;
	font-weight:700;
	border-top: 1px solid #888;
}