.banner {
		width: 100%;
		margin: 0 auto;
}

	.title {
		height: 300px;
		width: 100%;
		display: table;
		vertical-align: middle;
		text-align: center;
			}
			
			.title .headline {
				padding-top: 105px;
			}
			
			.headline,
			.subhead {				
				margin-top: 35px;
			}
			
			.subhead h3 {				
				border-right: 2px solid #000;
				padding: 0 23px;
			}
			
			.subhead {
				display: inline-block;
			}
			
			.subhead a {
				float: left;
				color: #000;
			}
			.subhead a:last-child h3{
				border-right:0;
			}
			.subhead a:hover {
				color: red;
			}
			
			.line-dashed{
				border-bottom:1px dashed #000;
				margin-bottom:100px;
			}							

		
		.grace {
			width: 80%;
			margin: 0 auto;
			margin-bottom: 100px;
		}
		
		.grace-content {
			display: flex;
			align-items: flex-start;
		}
		
		.grace-content img {
			margin-right: 200px;
			width: 20%;
			
		}
		
		.grace-content-text {
			display: flex;
			flex-direction:column;
			flex: 1;
			align-items: flex-start;	
			margin-bottom: 50px;		
		}
		
		.grace-content-text-title {
			border-left:10px red solid;	
			padding: 0 20px;	
			color: red;
		}
		
		.grace-content-text p {
			margin: 20px 0;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 4;
			overflow: hidden;
			word-break:break-all; 
			word-wrap: break-word;
			width: 100%;
			line-height: 36px;
			color: #777777;
		}
		
		.grace-content-text a {
			background-color: #666;
			border-radius: 15px;
			padding: 6px 24px;			
			color: white;
		}
		
		
		.grace-content-text a:hover{
			background-color: red;
		}
		
		
		.wrapper{ 
			width:100%;  
			margin-top: 50px;
			}
			
		.picSlideWrap{ 
			background:#F5F8FD; 
			border:1px solid #A9BFD6;
			padding:50px 0;
			}
			
		.titleh3{ 
			height:70px; 
			line-height:70px; 
			text-align:center; 
			background:url(/css/images/dot.gif) repeat-x left bottom; 
			width:910px; 
			margin:0 auto; 
			font-size:26px; 
			color:#000;
			}
			
		.titleh4{
			text-align:center; 
			font-size:12px; 
			color:#000; 
			font-weight:normal; 
			padding:10px 0 20px 0px;
			}
			
		.text{
			margin:0px auto;  
			line-height:19px;
			}
			
		.text p{ 
			display: none;
			overflow: hidden;
			overflow: hidden;
			text-overflow:ellipsis;
			white-space: nowrap;
			text-align: center;
		}
		
		.imgnav{  
			position:relative; 
			margin:0 auto; 
			width:788px;
			}
			
		#img{ 
			z-index:10; 
			width:788px; 
			position:relative; 
			text-align:center;
			}
			
		#img img{ 
			height:570px; 
			display:none; 
			border:4px solid #000;
			}
			
		#front{ 
			position:absolute; 
			left:0px; 
			top:0px; 
			z-index:10; 
			cursor:pointer;  
			width:394px; 
			height:578px; 
			background:url(/css/images/blank.gif); 
			}
			
		#front a{  
			position:absolute; 
			left:20px; 
			top:224px;
			display:block; 
			background:url(/css/images/imgSlideLeft.png) no-repeat; 
			width:104px; 
			height:104px; 
			display:none;
			}
			
		#next{  
			position:absolute; 
			right:0px; 
			top:0px; 
			z-index:10;
			cursor:pointer; 
			width:394px; 
			height:578px;  
			background:url(/css/images/blank.gif);
			}
			
		#next a{  
			position:absolute; 
			right:20px; 
			top:224px; 
			display:block; 
			background:url(/css/images/imgSlideRight.png) no-repeat; 
			width:104px; 
			height:104px; 
			display:none;
			}
		
		#cbtn{
			background:#EAEBF0; 
			position:relative; 
			height:122px; 
			border:1px solid #D6D9DC; 
			margin-top:12px; 
			}
			
		#cbtn ul{
			position:relative; 
			width:10000px; 
			height:122px;
			}
		#cbtn ul li{ 
			float:left; 
			padding:8px 3px 3px 3px; 
			width:116px; 
			height:86px; 
			cursor:pointer; 
			text-align:center; 
			margin-right:20px; 
			position:relative;
			}
			
		#cbtn ul li img{ 
			width:116px; 
			height:86px; 
			display:block;
			}
			
		#cbtn li.hov{ 
			background:url(/css/images/imgHoverBg.gif) no-repeat;
			}
		.ctrl div{ 
			clear:both;
		}
		
		#cSlideUl{
			width:690px; 
			height:116px;
			overflow:hidden; 
			position:relative; 
			top:10px; 
			margin:0 auto;
			}
			
		.picSildeLeft{
			cursor:pointer; 
			position:absolute; 
			top:32px; 
			left:10px; 
			z-index:9;
			}
			
		.picSildeRight{
			cursor:pointer; 
			position:absolute; 
			top:32px; 
			right:10px; 
			z-index:9;
			}
		

		.content{
			height:335px;
			margin:40px auto 0 auto;
			position:relative;
			overflow:hidden;
			margin-bottom: 100px;
			}
			
		.drama-poster{
			margin:0 auto;
			width:80%;
			height:335px;
			overflow:hidden;
			position:relative;
			}
			
		.drama-poster ul{
			width:10000px;
			}
			
		.drama-poster li{
			padding:0 7px;
			}
			
		.show-poster-3{
			width:300px;
			float:left;
			}
			
		.show-poster-3 .img{
			display:block;
			width:300px;
			height:180px;
			}
			
		.show-poster-3 img{
			box-sizing: border-box;
			}
		.show-poster-3 .title{
			display:none;
			width:270px;
			height:42px;
			/*background:url(/css/images/bg-index-img.png) 0 0 no-repeat;*/
			/*_background:url(/css/images/bg-index-img2.png) 0 0 no-repeat;*/
			position:absolute;
			color:#fff;
			padding:138px 15px 0 15px;
			line-height:1.5;
			top:0;
			}
		.show-poster-3 .title:hover{
			color:#fff;
			}
			
		.drama-poster li.current img{
			display:block;
			border:3px solid #E64340;
			}
			
		.show-poster-3 .price{
			font-size:15px;
			width:300px;
			height:20px;
			display:block;
			margin-top:10px;
			text-align:center;
			font-weight:bold;
			overflow: hidden;
		    text-overflow: ellipsis;
		    white-space: nowrap;
			}
			
		.show-poster-3 .arrow{
			display: none;
			position: absolute;
			bottom: 107px;
			width: 300px;
			height: 7px;
			overflow: hidden;
			background: url(/img/front/bg-channel-drama.png) 50% -350px no-repeat;
			}
			
		.current .arrow{
			display:block;
			}
			
		.show-poster-3 p{
			font-size:16px;
			display:none;
			color:#999;
			line-height:20px;
			position:absolute;
			width:100%;
			height:94px;
			left:0;bottom:2px;
			border-top:1px dashed #ccc;
			z-index:10px;
			padding-top:10px;
			}
			
		.show-poster-3 p strong{
			font-size:20px;
			line-height: 36px;
			color:#333;
			font-weight:normal;
			text-align:center;
			}
			
		.drama-poster li.current p{
			display:block;
			}
			
		.drama-slide li{
			position:absolute;
			top:93px;
			}
		.drama-slide li.prev{
			left:0;
			}
		.drama-slide li.next{
			right:0;
			}
		.drama-slide li a{
			display:block;
			width:13px;
			height:25px;
			background:url(/img/front/bg-slide.png) no-repeat;
			text-indent:-1000em;
			}
		.drama-slide li.prev a{
			background-position:0 -122px;
			}
		.drama-slide li.prev a:hover{
			background-position:0 -147px;
			}
		.drama-slide li.next a{
			background-position:-13px -122px;
			}
		.drama-slide li.next a:hover{
			background-position:-13px -147px;
			}