/* 没有进度条 */
/*--背景图片设置---*/
.content{
	width: 1280px;
	height: 720px;
/* 	margin:0 auto;
	position: relative; */
	/* background-image: url("../img/background.png");
	background-size: 100% 100%; */
}
/*--背景图片设置---*/

.tv_head {
    width: 100%;
    height: 69px;    
}

.tv_font {
    width: 100px;
    height: 52px;
    float: right;
    font-size: 42px;
    position: relative;
    top: 35px;
    right: 55px;
    padding: 2px 6px;
    border-radius: 3px;
    opacity:0.85;
	filter:alpha(opcity=85);
	background:#0a0e10;
}

/*----底部展示开始-----*/
.content_bottom{
	position: absolute;
	bottom: 0px;
	-webkit-animation: playing-show-move 2s linear 3s;
	width: 1280px;
	height: 146px;
	-webkit-border-radius: 60px 60px 0 0;
	-webkit-box-shadow: 1px 2px 4px rgba(0,0,0,.2);
	background-color: rgba(100,100,100,0.1);
	overflow: hidden;
	background-image: -webkit-linear-gradient(bottom, #0c0d10, #13151a 48%, #101317 50%, #1b1e24);
}
@-webkit-keyframes playing-show-move
{
from {bottom:0px;}
to {bottom:-146px;}
}
.content_bottom_main{
	width: 1032px;
	height: 108px;
	margin-top: 17px;
	margin-left: 30px;
	position: absolute;
	-webkit-border-radius: 50px;
	background-color: black;
}



/*----左侧图片开始---- */
.content_bottom_main_left{
	width: 210px;
	height: 134px;
	text-align: center;
	position:absolute;
}
.content_bottom_main_left img{
	width: 128px;
	height: 83px;
	margin-left: -57px;
	margin-top: 8px;
	position: absolute;
}
/*----左侧图片结束---- */


.tonight_show_word1{
	font-family: 'Montserrat-Bold';
	width:792px;
	height:30px;
	position:absolute;
	margin-left:215px;
	font-size: 31px;
	color: #176280;
	font-weight: 900;
	margin-top: 3px;
	text-shadow:1px 1px 2px blue;
}
ul,li{
	display:inline;
}

/*----右侧上部开始 ---*/
.now{
	font-family: 'Montserrat-Bold';
	width:792px;
	height:30px;
	position:absolute;
	margin-left:215px;
	font-size: 20px;
	color: #176280;
	font-weight: 900;
	margin-top: 43px;
	float:left;
}

.now_next_word1{
	/*position: absolute;*/
	font-family: 'Montserrat-Bold';
	font-size: 20px;
	text-transform: uppercase;
	color: #fff;
}
/*三角形*/
.d1{
	margin-top: 7px;
	margin-left:22px;
	border-left:8px solid #fff;
	border-bottom:8px solid transparent;
	border-top: 5px solid transparent;
	position:absolute;
}
.curEventStartTime{
	margin-left: 0px;
	font-family: 'Montserrat-Bold';
	font-size: 20px;
	text-transform: uppercase;
	color: #fff;
}
.curTime{
	font-family: 'Montserrat-Bold';
	font-size: 20px;
	text-transform: uppercase;
	color: #fff;
}
.curEventEndTime{
	font-family: 'Montserrat-Bold';
	font-size: 20px;
	text-transform: uppercase;
	color: #fff;
}
.tonight_show_word4{
	position:absolute;
	width: 580px;
	height:30px;
	padding-left: 60px;
	color: #fff;
	font-size: 20px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}


/*next*/
.next{
	font-family: 'Montserrat-Bold';
	width:792px;
	height:30px;
	position:absolute;
	margin-left:215px;
	font-size: 20px;
	color: #176280;
	font-weight: 900;
	margin-top: 75px;
}
.now_next_word2{
	font-family: 'Montserrat-Bold';
	font-size: 20px;
	text-transform: uppercase;
	color: #585858;
}
/*三角形*/
.d2{
	margin-top: 7px;
	margin-left:12px;
	border-left:8px solid #585858;
	border-bottom:8px solid transparent;
	border-top: 5px solid transparent;
	position:absolute;
}
.nextEventStartTime{
	margin-left: 12px;
	font-family: 'Montserrat-Bold';
	font-size: 20px;
	text-transform: uppercase;
	color: #585858;
}
.nextTime{
	font-family: 'Montserrat-Bold';
	font-size: 20px;
	text-transform: uppercase;
	color: #585858;
}
.nextEventEndTime{
	font-family: 'Montserrat-Bold';
	font-size: 20px;
	text-transform: uppercase;
	color: #585858;
}
.tonight_show_word2{
	position:absolute;
	width: 580px;
	height:30px;
	margin-left: 38px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	font-family: 'Montserrat-Bold';
	font-size: 20px;
	color: #585858;
}


/*----右侧上部开始 ---*/


/*----右侧下部开始 ---*/
.tonight_show{
/*	height: 162px;
	width: 342px;*/
	margin-left: 1066px;
	margin-top:30px;
	position:absolute;
}
.now_next_time{
	position: absolute;
	margin-left: 30px;
	margin-top: 10px;
	font-family: 'Montserrat-Bold';
	font-size: 24px;
	text-transform: uppercase;
	font-weight: 900;
	color: #fff;	
}
.tonight_show_word3{
	position:absolute;
	margin-left: 20px;
	margin-top: 50px;
	font-family: 'Montserrat-Bold';
	font-size: 20px;
	font-weight: 900;
	color: #176280;
}

/*----右侧下部开始 ---*/


/*-----底部展示结束-----*/
