@charset 'utf-8';

.tv_index .content,
.film_index .content,
.varie_index .content,
.anime_index .content,
.ent_index .content,
.star_index .content {
	width: 1706px;
	margin: 0 auto
}

.column {
	margin: 35px 0
}

.tv_index .banner,
.anime_index .banner {
	position: relative;
	height: 520px;
	background-color: #000
}

.tv_index .banner_box,
.anime_index .banner_box {
	position: relative;
	width: 1706px;
	height: 100%;
	margin: 0 auto
}

.tv_index .banner_box img,
.anime_index .banner_box img,
.hot_starChannel img,
.ent_banner img {
	display: block;
	width: 100%;
	min-height: 100%
}

.tv_index .banner_box dt,
.anime_index .banner_box dt {
	position: relative;
	width: 100%;
	height: 100%
}

.tv_index .banner_box dt:after,
.tv_index .banner_box .pic1 dt:before,
.tv_index .banner_box .pic2 dt:before,
.tv_index .banner_box .pic4 dt:before,
.tv_index .banner_box .pic5 dt:before,
.tv_index .banner_box .pic6 dt:before,
.tv_index .banner_box .pic7 dt:before,
.anime_index .banner_box dt:after,
.anime_index .banner_box .pic1 dt:before,
.anime_index .banner_box .pic2 dt:before,
.anime_index .banner_box .pic4 dt:before,
.anime_index .banner_box .pic5 dt:before,
.anime_index .banner_box .pic6 dt:before,
.anime_index .banner_box .pic7 dt:before {
	content: "";
	position: absolute;
	z-index: 1;
	opacity: 1;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), #121515);
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), #121515);
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), #121515)
}

.tv_index .banner_box dt:after,
.anime_index .banner_box dt:after {
	width: 100%;
	bottom: 0;
	height: 30%;
	background: -webkit-gradient(linear, 0 18%, 0 100%, from(rgba(0, 0, 0, 0)), to(#121515));
	background: -webkit-gradient(linear, 0 18%, 0 100%, from(rgba(0, 0, 0, 0)), to(#121515))
}

.tv_index .banner_box .pic1 dt:before,
.tv_index .banner_box .pic2 dt:before,
.anime_index .banner_box .pic1 dt:before,
.anime_index .banner_box .pic2 dt:before {
	width: 30%;
	top: 0;
	height: 100%;
	background: -webkit-gradient(linear, 100% 0, 0 0, from(rgba(0, 0, 0, 0)), to(#121515));
	background: -webkit-gradient(linear, 100% 0, 0 0, from(rgba(0, 0, 0, 0)), to(#121515))
}

.tv_index .banner_box .pic4 dt:before,
.tv_index .banner_box .pic5 dt:before,
.tv_index .banner_box .pic6 dt:before,
.tv_index .banner_box .pic7 dt:before,
.anime_index .banner_box .pic4 dt:before,
.anime_index .banner_box .pic5 dt:before,
.anime_index .banner_box .pic6 dt:before,
.anime_index .banner_box .pic7 dt:before {
	width: 30%;
	right: 0;
	height: 100%;
	background: -webkit-gradient(linear, 0 0, 0 0, from(rgba(0, 0, 0, 0)), to(#121515));
	background: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(0, 0, 0, 0)), to(#121515))
}

.tv_index .banner_box .pic4 dt:before,
.tv_index .banner_box .pic5 dt:before,
.anime_index .banner_box .pic4 dt:before,
.anime_index .banner_box .pic5 dt:before {
	visibility: hidden
}

.tv_index .banner_box .pic1,
.tv_index .banner_box .pic2,
.tv_index .banner_box .pic3,
.tv_index .banner_box .pic4,
.tv_index .banner_box .pic5,
.tv_index .banner_box .pic6,
.tv_index .banner_box .pic7,
.anime_index .banner_box .pic1,
.anime_index .banner_box .pic2,
.anime_index .banner_box .pic3,
.anime_index .banner_box .pic4,
.anime_index .banner_box .pic5,
.anime_index .banner_box .pic6,
.anime_index .banner_box .pic7 {
	overflow: hidden;
	position: absolute
}

.tv_index .banner_box .pic1,
.tv_index .banner_box .pic2,
.anime_index .banner_box .pic1,
.anime_index .banner_box .pic2 {
	left: 0;
	width: 421px;
	height: 260px
}

.tv_index .banner_box .pic1,
.anime_index .banner_box .pic1 {
	top: 0
}

.tv_index .banner_box .pic2,
.anime_index .banner_box .pic2 {
	top: 260px
}

.tv_index .banner_box .pic3,
.anime_index .banner_box .pic3 {
	top: 0;
	left: 421px;
	width: 635px;
	height: 520px
}

.tv_index .banner_box .pic4,
.tv_index .banner_box .pic5,
.anime_index .banner_box .pic4,
.anime_index .banner_box .pic5 {
	right: 421px;
	width: 229px;
	height: 260px
}

.tv_index .banner_box .pic4,
.anime_index .banner_box .pic4 {
	top: 0
}

.tv_index .banner_box .pic5,
.anime_index .banner_box .pic5 {
	top: 260px
}

.tv_index .banner_box .pic6,
.tv_index .banner_box .pic7,
.anime_index .banner_box .pic6,
.anime_index .banner_box .pic7 {
	right: 0;
	width: 421px;
	height: 260px
}

.tv_index .banner_box .pic6,
.anime_index .banner_box .pic6 {
	top: 0
}

.tv_index .banner_box .pic7,
.anime_index .banner_box .pic7 {
	top: 260px
}

.tv_index .banner_box dl:hover,
.anime_index .banner_box dl:hover {
	z-index: 9;
	transform: matrix(1.015, 0, 0, 1.015, 0, 0);
	box-shadow: 0 0 12px 2px #000
}

.tv_index .banner_box dd,
.anime_index .banner_box dd {
	position: absolute;
	bottom: 15px;
	left: 20px;
	z-index: 99;
	color: #fff
}

.tv_index .banner_box h2,
.tv_index .banner_box div,
.anime_index .banner_box h2,
.anime_index .banner_box div {
	margin-bottom: 5px;
	font-size: 20px
}

.tv_area .ta_left,
.varie_area .ta_left {
	float: left;
	padding-top: 15px
}

.tv_area .ta_left li,
.varie_area .ta_left li {
	float: left;
	min-width: 80px;
	height: 32px;
	margin-right: 60px;
	line-height: 32px
}

.varie_area .ta_left li {
	margin-right: 55px
}

.tv_area .ta_left a,
.varie_area .ta_left a {
	position: relative;
	display: block;
	height: 100%;
	padding-left: 40px;
	font-size: 18px
}

.tv_area .ta_left li a:after,
.varie_area .ta_left li a:after {
	position: absolute;
	left: 0;
	content: "";
	width: 32px;
	height: 32px;
	background: url('../images/pc_ico.png') no-repeat
}

.tv_area .ta_left .china a:after {
	background-position: -1px -1px
}

.tv_area .ta_left .korea a:after {
	background-position: -1px -34px
}

.tv_area .ta_left .america a:after {
	background-position: -1px -67px
}

.tv_area .ta_left .hongkong a:after {
	background-position: -1px -100px
}

.tv_area .ta_left .japan a:after {
	background-position: -1px -133px
}

.tv_area .ta_left .thailand a:after {
	background-position: -1px -166px
}

.varie_area .ta_left .var1 a:after {
	background-position: -1px -365px
}

.varie_area .ta_left .var2 a:after {
	background-position: -1px -399px
}

.varie_area .ta_left .var3 a:after {
	background-position: -1px -431px
}

.varie_area .ta_left .var4 a:after {
	background-position: -1px -465px
}

.varie_area .ta_left .var5 a:after {
	background-position: -1px -498px
}

.varie_area .ta_left .var6 a:after {
	height: 31px;
	background-position: -1px -529px
}

.tv_area .ta_left .more a,
.varie_area .ta_left .more a {
	background-image: none;
	padding-left: 0;
	width: 100%
}

.tv_area .ta_left .more a:after,
.varie_area .ta_left .more a:after {
	background-image: none
}

.tv_area .ta_left li a:hover,
.varie_area .ta_left li a:hover {
	color: #02c579
}

.tv_area .ta_right,
.varie_area .ta_right,
.anime_area .ta_right {
	float: left;
	width: 700px;
	padding-top: 15px
}

.anime_area .ta_right {
	width: 514px
}

.tv_area .ta_right span,
.varie_area .ta_right span,
.anime_area .ta_right span {
	position: relative;
	float: left;
	height: 32px;
	border-left: 1px solid #d8d8d8;
	padding-left: 63px;
	line-height: 32px
}

.anime_area .ta_right span {
	padding-left: 42px;
	font-size: 18px;
	border-left: 0
}

.tv_area .ta_right span:after,
.varie_area .ta_right span:after {
	content: "";
	position: absolute;
	left: 20px;
	width: 32px;
	height: 32px;
	background: url('../images/pc_ico.png') -1px -199px no-repeat
}

.tv_area .ta_right ul,
.varie_area .ta_right ul,
.anime_area .ta_right ul {
	overflow: hidden;
	height: 32px;
	line-height: 32px
}

.tv_area .ta_right li,
.varie_area .ta_right li,
.anime_area .ta_right li {
	float: left;
	margin: 0 8px
}

.tv_area .ta_right a:hover,
.varie_area .ta_right a:hover,
.anime_area .ta_right a:hover {
	color: #02c579
}

.tv_media {
	margin-right: -6px
}

.tv_media .show_model2 {
	margin-top: 15px
}

.tv_index .tv_show,
.varie_index .varie_show,
.anime_index .anime_show {
	margin-right: -6px
}

.anime_index .anime_ranking .anime_show {
	float: left;
	width: 1498px
}

.tv_show .show_model1,
.varie_show .show_model1,
.anime_show .show_model1 {
	margin-top: 15px
}

.tv_show .show_model1 dt i,
.varie_show .show_model1 dt i,
.anime_show .show_model1 dt i {
	position: absolute;
	top: 4px;
	left: 0;
	width: 43px;
	height: 43px;
	color: #fff;
	font-size: 32px;
	text-align: center;
	line-height: 43px
}

.varie_show .show_model1 dt i.top,
.anime_show .show_model1 dt i.top {
	background-color: rgba(165, 169, 177, .9)
}

.tv_show .show_model1 dt i.top1,
.varie_show .show_model1 dt i.top1,
.anime_show .show_model1 dt i.top1 {
	background-color: rgba(241, 97, 69, .9)
}

.tv_show .show_model1 dt i.top2,
.varie_show .show_model1 dt i.top2,
.anime_show .show_model1 dt i.top2 {
	background-color: rgba(241, 97, 69, .7)
}

.tv_show .show_model1 dt i.top3,
.varie_show .show_model1 dt i.top3,
.anime_show .show_model1 dt i.top3 {
	background-color: rgba(241, 97, 69, .5)
}

.tv_index .tv_classic,
.varie_index .varie_classic,
.anime_index .anime_classic {
	padding-top: 15px
}

.tv_classic .tc_left,
.varie_classic .tc_left,
.anime_classic .tc_left {
	float: left;
	width: 422px
}

.tv_classic .tc_left dl,
.varie_classic .tc_left dl,
.anime_classic .tc_left dl {
	background-color: #f4f4f4
}

.tv_classic .tc_left img,
.varie_classic .tc_left img,
.varie_updata .vu_left img,
.anime_classic .tc_left img {
	display: block;
	width: 100%;
	min-height: 100%;
	-webkit-transition: transform .35s ease-in-out;
	-moz-transition: transform .35s ease-in-out;
	-ms-transition: transform .35s ease-in-out;
	-o-transition: transform .35s ease-in-out;
	transition: transform .35s ease-in-out
}

.tv_classic .tc_left dt,
.varie_classic .tc_left dt,
.anime_classic .tc_left dt {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 278px
}

.anime_classic .tc_left dt span {
	position: absolute;
	left: 2px;
	bottom: 3px;
	display: block;
	padding: 0 5px;
	color: #fff;
	font-size: 12px;
	line-height: 22px;
	background-color: rgba(0, 0, 0, .5)
}

.tv_classic .tc_left dd,
.varie_classic .tc_left dd,
.anime_classic .tc_left dd {
	position: relative;
	height: 50px;
	padding: 10px 60px 0 10px
}

.tv_classic .tc_left dd:after,
.varie_classic .tc_left dd:after,
.anime_classic .tc_left dd:after,
.anime_feature .one dd:after {
	content: "";
	position: absolute;
	top: 6px;
	right: 12px;
	width: 48px;
	height: 48px;
	background: url(../images/login.png) -33px -268px no-repeat
}

.tv_classic .tc_left dl:hover dd:after,
.varie_classic .tc_left dl:hover dd:after,
.anime_classic .tc_left dl:hover dd:after,
.anime_feature .one:hover dd:after {
	background-position: -34px -322px
}

.tv_classic .tc_left dl:hover,
.varie_classic .tc_left dl:hover,
.anime_classic .tc_left dl:hover {
	-webkit-filter: saturate(1.08) contrast(1.08);
	box-shadow: 0px 0px 12px rgba(40,40,40,.2);
 
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out
}

.tv_classic .tc_left dl:hover dd a,
.varie_classic .tc_left dl:hover dd a,
.anime_classic .tc_left dl:hover dd a {
	color: #28ce6e
}

.tv_classic .tc_left dl:hover img,
.varie_classic .tc_left dl:hover img,
.varie_updata .vu_left dl:hover img,
.anime_classic .tc_left dl:hover img {
	-webkit-transform: matrix(1.03, 0, 0, 1.03, 0, 0);
	-moz-transform: matrix(1.03, 0, 0, 1.03, 0, 0);
	-o-transform: matrix(1.03, 0, 0, 1.03, 0, 0);
	-ms-transform: matrix(1.03, 0, 0, 1.03, 0, 0);
	transform: matrix(1.03, 0, 0, 1.03, 0, 0)
}

.tv_classic .tc_left h2,
.tv_classic .tc_left div,
.varie_classic .tc_left h2,
.varie_classic .tc_left div,
.anime_classic .tc_left h2,
.anime_classic .tc_left div {
	overflow: hidden;
	height: 20px;
	margin-bottom: 4px;
	font-size: 16px;
	line-height: 20px
}

.tv_classic .tc_left p,
.varie_classic .tc_left p,
.anime_classic .tc_left p {
	overflow: hidden;
	height: 18px;
	font-size: 12px;
	line-height: 18px
}

.tv_classic .tc_right,
.varie_classic .tc_right,
.anime_classic .tc_right {
	float: left;
	width: 1285px;
	margin-right: -30px;
	margin-top: -18px
}

.tv_classic .tc_right .show_model2 dd,
.varie_classic .tc_right .show_model2 dd,
.anime_classic .tc_right .show_model2 dd {
	height: 26px;
	line-height: 26px
}

.tv_classic .tc_right .tv_media .show_model2,
.varie_classic .tc_right .varie_media .show_model2,
.anime_classic .tc_right .anime_media .show_model2 {
	margin-top: 18px
}

.tv_index .tv_left {
	float: left;
	width: 855px
}

.tv_index .tv_right {
	float: right;
	width: 850px
}

.tv_left .tv_show {
	float: left
}

.tv_left .tr_list,
.anime_ranking .tr_list {
	float: left;
	margin-top: -1px;
	margin-left: 6px
}

.tv_left .tr_list li,
.anime_ranking .tr_list li {
	position: relative;
	overflow: hidden;
	width: 168px;
	height: 30px;
	margin-top: 17px;
	padding-left: 40px;
	font-size: 16px;
	line-height: 30px;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap
}

.tv_left .tr_list i,
.anime_ranking .tr_list i {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 30px;
	height: 30px;
	background-color: #ababab;
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 30px
}

.tv_left .tr_list a:hover,
.anime_ranking .tr_list a:hover {
	color: #02c579
}

.tv_index .tv_avatar {
	overflow: hidden;
	padding-top: 23px;
	margin-right: -46px
}

.tv_index .tv_avatar li {
	float: left;
	width: 146px;
	text-align: center
}

.tv_index .tv_avatar img {
	display: block;
	width: 100%;
	min-height: 100%
}

.tv_index .tv_avatar span {
	position: relative;
	overflow: hidden;
	display: block;
	width: 100px;
	height: 100px;
	margin: 0 auto;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	border-radius: 100%;
	z-index: 9
}

.tv_index .tv_avatar span:after {
	visibility: hidden;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 94px;
	height: 94px;
	border: 3px solid #45d983;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	border-radius: 100%;
	z-index: 2
}

.tv_index .tv_avatar li>div:hover span:after {
	visibility: visible
}

.tv_index .tv_avatar li>div:hover p,
.tv_index .tv_avatar li>p:hover a {
	color: #45d983
}

.tv_index .tv_avatar dd {
	height: 44px;
	padding-top: 6px;
	text-align: center
}

.tv_index .tv_avatar h2,
.tv_index .tv_avatar li>div p {
	height: 20px;
	margin-bottom: 6px;
	line-height: 20px
}

.tv_index .tv_avatar li>p {
	overflow: hidden;
	height: 18px;
	color: #666;
	font-size: 12px;
	line-height: 18px;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap
}

.film_index .banner,
.varie_index .banner {
	position: relative;
	width: 100%;
	height: 520px
}

.film_index .banner_box,
.varie_index .banner_box {
	position: relative;
	height: 100%
}

.film_index .banner_box li,
.film_index .banner_box li.on,
.varie_index .banner_box li,
.varie_index .banner_box li.on {
	-webkit-transition: opacity .5s ease;
	-moz-transition: opacity .5s ease;
	-ms-transition: opacity .5s ease;
	-o-transition: opacity .5s ease;
	transition: opacity .5s ease
}

.film_index .banner_box li,
.varie_index .banner_box li {
	position: absolute;
	visibility: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0
}

.film_index .banner_box a,
.varie_index .banner_box a {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center 0;
	z-index: 9
}

.film_index .banner_box li.on,
.varie_index .banner_box li.on {
	visibility: visible;
	opacity: 1
}

.film_index .banner_sel,
.varie_index .banner_sel {
	position: absolute;
	left: 50%;
	bottom: 30px;
	width: 0;
	height: 40px;
	z-index: 9
}

.film_index .banner_sel ul,
.varie_index .banner_sel ul {
	overflow: hidden;
	position: absolute;
	width: 1706px;
	margin-left: -853px;
	padding: 9px 0;
	height: 22px;
	z-index: 10
}

.film_index .banner_sel ul {
	background: linear-gradient(to left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .3) 10%, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .3) 90%, rgba(0, 0, 0, 0) 100%)
}

.varie_index .banner_sel ul {
	background: linear-gradient(to left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 10%, rgba(255, 255, 255, .3) 50%, rgba(255, 255, 255, .3) 90%, rgba(255, 255, 255, 0) 100%)
}

.film_index .banner_sel li,
.varie_index .banner_sel li {
	float: left;
	width: 212px;
	height: 22px;
	margin: 0 0 9px -1px;
	border-left: 1px solid #fff;
	font-size: 16px;
	text-align: center;
	line-height: 22px
}

.film_index .banner_sel li.on a,
.varie_index .banner_sel li.on a {
	color: #28ce6e
}

.film_index .banner_sel a {
	color: #fff
}

.varie_index .banner_sel a {
	color: #333
}

.film_area,
.anime_area {
	overflow: hidden;
	margin-bottom: 25px
}

.film_area .fa_left,
.anime_area .fa_left {
	float: left;
	padding-top: 15px
}

.film_area .fa_left li,
.anime_area .fa_left li {
	float: left;
	height: 32px;
	margin-right: 32px;
	line-height: 32px
}

.film_area .fa_left h2,
.film_area .fa_left div,
.anime_area .fa_left h2,
.anime_area .fa_left div {
	position: relative;
	float: left;
	padding-left: 42px;
	font-size: 18px
}

.film_area .fa_left p,
.anime_area .fa_left p {
	overflow: hidden;
	float: left;
	max-width: 488px;
	height: 32px;
	padding-left: 12px
}

.anime_area .fa_left p {
	max-width: 414px
}

.film_area .fa_left a,
.anime_area .fa_left a {
	margin: 0 10px
}

.film_area .fa_left h2:after,
.film_area .fa_left div:after,
.anime_area .fa_left h2:after,
.anime_area .fa_left div:after {
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	width: 32px;
	height: 32px;
	background: url('../images/pc_ico.png') no-repeat
}

.film_area .fa_left .type h2:after,
.film_area .fa_left .type div:after {
	background-position: -1px -232px
}

.film_area .fa_left .area h2:after,
.film_area .fa_left .area div:after {
	background-position: -1px -265px
}

.film_area .fa_left .year h2:after,
.film_area .fa_left .year div:after {
	background-position: -1px -298px
}

.film_area .fa_left .actor h2:after,
.film_area .fa_left .actor div:after {
	background-position: -1px -331px
}

.film_area .fa_right {
	position: relative;
	float: left;
	width: 100%;
	margin-top: 21px;
	border-top: 1px solid #d8d8d8
}

.film_area .fa_right h2,
.film_area .fa_right span {
	position: absolute;
	top: -54px;
	right: 0;
	display: block;
	height: 32px;
	padding-left: 42px;
	font-size: 18px;
	line-height: 32px
}

.film_area .fa_right h2:after,
.film_area .fa_right span:after,
.anime_area .ta_right span:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 32px;
	height: 32px;
	background: url('../images/pc_ico.png') -1px -199px no-repeat
}

.film_area .fa_right ul {
	overflow: hidden;
	padding-top: 7px
}

.film_area .fa_right li {
	float: left;
	margin: 10px 30px 0 0
}

.film_area .fa_right li>a {
	color: #666
}

.film_area .fa_arr,
.varie_updata .fa_arr,
.anime_updata .fa_arr {
	position: absolute;
	top: -20px;
	right: 45px;
	width: 10px;
	height: 14px
}

.varie_updata .fa_arr,
.anime_updata .fa_arr {
	display: none;
	top: 38px;
	right: 104px
}

.film_area .fa_arr1,
.film_area .fa_arr2,
.varie_updata .fa_arr1,
.varie_updata .fa_arr2,
.anime_updata .fa_arr1,
.anime_updata .fa_arr2 {
	overflow: hidden;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border-top: 10px transparent dashed;
	border-right: 10px transparent dashed;
	border-left: 10px transparent dashed;
	border-bottom: 10px transparent dashed;
	z-index: 5
}

.varie_updata .fa_arr1,
.anime_updata .fa_arr1 {
	border-top: 10px solid #28ce6e
}

.varie_updata .fa_arr2,
.anime_updata .fa_arr2 {
	top: -2px;
	border-top: 11px solid #e4ffef
}

.film_area .fa_arr1 {
	border-bottom: 10px solid #d8d8d8
}

.film_area .fa_arr2 {
	top: 1px;
	border-bottom: 11px solid #fff
}

.film_area a:hover,
.film_area .fa_right li>a:hover,
.anime_area a:hover {
	color: #28ce6e
}

.film_show,
.film_media,
.film_feature,
.varie_media,
.anime_media,
.anime_feature {
	margin-right: -6px
}

.film_show .show_model1,
.film_media .show_model2,
.film_feature .show_model1,
.varie_media .show_model2,
.anime_media .show_model2,
.anime_feature .show_model1 {
	margin-top: 12px
}

.film_feature .one,
.anime_feature .one {
	width: 422px
}

.film_feature .one a:after,
.anime_feature .one a:after {
	left: 181px
}

.fr_left {
	float: left;
	width: 1284px
}

.fr_left .show_model1 dd {
	position: relative;
	height: 50px;
	padding: 10px 10px 0 38px;
	line-height: 1
}

.fr_left .show_model1 dd h2,
.fr_left .show_model1 dd div {
	overflow: hidden;
	height: 20px;
	margin-bottom: 4px;
	font-size: 16px;
	line-height: 20px
}

.fr_left .show_model1 dd p {
	overflow: hidden;
	height: 16px;
	color: #999;
	font-size: 14px;
	line-height: 16px
}

.fr_left .show_model1 dd i {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 38px;
	color: #999;
	font-size: 40px;
	text-align: center;
	line-height: 60px
}

.fr_left .show_model1 dd i.top1 {
	color: #f00
}

.fr_left .show_model1 dd i.top2 {
	color: #f60
}

.fr_left .show_model1 dd i.top3 {
	color: #fd9047
}

.fr_right {
	float: right;
	width: 422px
}

.varie_updata .vu_right {
	float: left;
	width: 207px
}

.fr_right ul {
	padding-top: 1px
}

.varie_updata .vu_right ul {
	margin-top: -2px
}

.fr_right li,
.varie_updata .vu_right li,
.varie_updata .vu_left h2,
.varie_updata .vu_left div,
.varie_updata .vu_left p {
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap
}

.fr_right li,
.varie_updata .vu_right li {
	position: relative;
	overflow: hidden;
	height: 30px;
	margin-top: 14px;
	padding: 0 60px 0 40px;
	font-size: 16px;
	line-height: 30px
}

.varie_updata .vu_right li {
	margin-top: 17px;
	padding: 0 0 0 40px
}

.fr_right a:hover,
.varie_updata .vu_right a:hover {
	color: #28ce6e
}

.fr_right i,
.fr_right em,
.varie_updata .vu_right i {
	position: absolute;
	height: 30px;
	line-height: 30px
}

.fr_right i,
.varie_updata .vu_right i {
	left: 0;
	display: block;
	width: 30px;
	background-color: #ababab;
	color: #fff;
	font-size: 16px;
	text-align: center
}

.fr_right em {
	right: 0;
	color: #999;
	text-align: right
}

.fr_right i.top1,
.varie_updata .vu_right i.top1 {
	background-color: #f00
}

.fr_right i.top2,
.varie_updata .vu_right i.top2 {
	background-color: #f60
}

.fr_right i.top3,
.varie_updata .vu_right i.top3 {
	background-color: #fd9047
}

.film_sutra {
	width: 100%;
	height: 585px;
	background-color: #242424
}

.fs_sura {
	width: 1706px;
	height: 100%;
	margin: 0 auto;
	background-color: #fff
}

.fs_left {
	float: left;
	width: 326px;
	height: 100%
}

.fs_right {
	float: left;
	position: relative
}

.fs_right img {
	display: block;
	width: 100%;
	min-height: 100%
}

.fs_right dl {
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 230px;
	height: 585px;
	z-index: 1
}

.fs_right dt,
.fs_right dt a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%
}

.fs_right dt>a:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	z-index: 2
}

.fs_right .fs1 dt>a:after {
	background: linear-gradient(to bottom, transparent 0, rgba(13, 12, 12, .9) 95%) 0 bottom;
	background-size: 100% 100%;
	background-repeat: no-repeat
}

.fs_right .fs2 dt>a:after {
	background: linear-gradient(to bottom, transparent 0, rgba(23, 44, 62, .9) 95%) 0 bottom;
	background-size: 100% 100%;
	background-repeat: no-repeat
}

.fs_right .fs3 dt>a:after {
	background: linear-gradient(to bottom, transparent 0, rgba(82, 123, 129, .9) 95%) 0 bottom;
	background-size: 100% 100%;
	background-repeat: no-repeat
}

.fs_right .fs4 dt>a:after {
	background: linear-gradient(to bottom, transparent 0, rgba(67, 28, 15, .9) 95%) 0 bottom;
	background-size: 100% 100%;
	background-repeat: no-repeat
}

.fs_right .fs5 dt>a:after {
	background: linear-gradient(to bottom, transparent 0, rgba(45, 68, 104, .9) 95%) 0 bottom;
	background-size: 100% 100%;
	background-repeat: no-repeat
}

.fs_right .fs6 dt>a:after {
	background: linear-gradient(to bottom, transparent 0, rgba(195, 185, 179, .9) 95%) 0 bottom;
	background-size: 100% 100%;
	background-repeat: no-repeat
}

.fs_right dd {
	position: absolute;
	bottom: 0;
	width: 83%;
	height: 150px;
	padding: 0 10% 0 7%;
	color: #fff;
	font-size: 16px
}

.fs_right dd>h2,
.fs_right dd>div {
	position: absolute;
	top: 0;
	width: 83%;
	line-height: 28px;
	z-index: 3
}

.fs_right dd>p {
	position: absolute;
	bottom: 20px;
	font-size: 14px;
	z-index: 8
}

.fs_right dd span {
	margin-right: 10px
}

.fs_right dd span>a:hover {
	color: #28ce6e
}

.fs_right dd a {
	color: #fff
}

.fs_right dl.fs1 {
	left: 0
}

.fs_right dl.fs2 {
	left: 230px
}

.fs_right dl.fs3 {
	left: 460px
}

.fs_right dl.fs4 {
	left: 690px
}

.fs_right dl.fs5 {
	left: 920px
}

.fs_right dl.fs6 {
	left: 1150px
}

.fs_right dl:hover {
	margin: -15px 0 0 -46px;
	width: 322px;
	height: 615px;
	box-shadow: 0 0 10px 2px #444;
	z-index: 9
}

.fs_right dl:hover dt>a:after {
	background-size: 100% 50%
}

.film_tab {
	padding-top: 23px
}

.ft_nav {
	overflow: hidden;
	margin-right: -6px
}

.ft_nav dl {
	float: left;
	width: 208px;
	margin-right: 6px;
	border-bottom: 3px solid transparent;
	cursor: pointer
}

.ft_nav img {
	display: block;
	width: 100%;
	min-height: 100%
}

.ft_nav dt {
	overflow: hidden;
	width: 95px;
	height: 95px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	border-radius: 100%
}

.ft_nav dd {
	height: 30px;
	padding: 0 20px;
	line-height: 30px
}

.ft_nav .on dl {
	border-bottom-color: #28ce6e
}

.ft_box .film_show {
	display: none
}

.ft_box .show {
	display: block
}

.varie_left,
.varie_right {
	float: left;
	width: 850px
}

.varie_left {
	margin-right: 6px
}

.varie_updata {
	overflow: hidden
}

.varie_updata .vu_left {
	float: left
}

.varie_updata .vu_left ul {
	overflow: hidden;
	padding-top: 15px
}

.anime_updata ul {
	overflow: hidden;
	padding-top: 15px;
	margin-right: -6px
}

.varie_updata .vu_left li,
.anime_updata li {
	float: left;
	width: 208px;
	margin-right: 6px
}

.anime_updata li {
	width: 206px;
	margin-bottom: 15px
}

.varie_updata .vu_left li:hover .fa_arr,
.anime_updata li.on .fa_arr {
	display: block
}

.varie_updata .vu_left .vu_top,
.anime_updata .vu_top {
	position: relative;
	display: block;
	border: 1px solid #eee;
	margin-bottom: 17px;
	background-color: #f4f4f4;
	text-align: center;
	line-height: 38px
}

.varie_updata .vu_left li:hover .vu_top,
.anime_updata .on {
	border-color: #28ce6e;
	background-color: #e4ffef;
	color: #28ce6e
}

.varie_updata .vu_left dt {
	overflow: hidden;
	width: 100%;
	height: 124px
}

.varie_updata .vu_left dd {
	height: 52px;
	padding: 8px 8px 0;
	background-color: #28ce6e;
	color: #fff
}

.varie_updata .vu_left span {
	display: block;
	height: 50px;
	margin-top: -1px;
	padding: 8px 6px 0;
	border: 1px solid #eee
}

.varie_updata .vu_left span>h2,
.varie_updata .vu_left span>div {
	margin-bottom: 5px;
	font-size: 14px
}

.varie_updata .vu_left span>p {
	color: #999;
	font-size: 12px
}

.varie_updata .vu_left dd>h2,
.varie_updata .vu_left dd>div {
	margin-bottom: 2px;
	font-size: 16px
}

.varie_updata .vu_left dd a {
	color: #fff
}

.varie_updata .vu_left dd>p {
	font-size: 14px
}

.varie_updata .vu_left dd a:hover {
	text-decoration: underline
}

.varie_updata .vu_left span a:hover {
	color: #28ce6e
}

.anime_area .fa_left .type h2:after,
.anime_area .fa_left .type div:after {
	background-position: -1px -560px
}

.anime_area .fa_left .area h2:after,
.anime_area .fa_left .area div:after {
	background-position: 0 -594px
}

.anime_area .fa_left .year h2:after,
.anime_area .fa_left .year div:after {
	background-position: -1px -627px
}

.anime_feature .show_model1 dd {
	height: 54px;
	padding-top: 6px;
	line-height: 26px
}

.anime_feature .show_model1 dd>h2,
.anime_feature .show_model1 dd>div,
.anime_feature .show_model1 dd>p,
.anime_col .show_model2 dd {
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap
}

.anime_feature .show_model1 dd>p {
	color: #999;
	font-size: 12px
}

.anime_feature .one dd>p {
	color: #333
}

.anime_feature .one dd {
	position: relative;
	padding: 6px 60px 0 10px
}

.anime_feature .show_model1:hover dd a {
	color: #28ce6e
}

.anime_col .show_model2 dd {
	height: 26px;
	line-height: 26px
}

.anime_index .anime_box .anime_show {
	display: none
}

.anime_index .anime_box .show {
	display: block
}

.news_banner {
	overflow: hidden;
	height: 520px;
	background-color: #fff
}

.nb_left {
	float: left;
	width: 1166px
}

.nb_right {
	float: left;
	width: 521px;
	margin-left: 10px
}

.nb_left img {
	display: block;
	width: 100%;
	height: 100%;
	-webkit-transition: transform .35s ease-in-out;
	-moz-transition: transform .35s ease-in-out;
	-ms-transition: transform .35s ease-in-out;
	-o-transition: transform .35s ease-in-out;
	transition: transform .35s ease-in-out
}

.nb_left dt:hover img,
.ent_right dl:hover img {
	-webkit-transform: matrix(1.03, 0, 0, 1.03, 0, 0);
	-moz-transform: matrix(1.03, 0, 0, 1.03, 0, 0);
	-o-transform: matrix(1.03, 0, 0, 1.03, 0, 0);
	-ms-transform: matrix(1.03, 0, 0, 1.03, 0, 0);
	transform: matrix(1.03, 0, 0, 1.03, 0, 0)
}

.nb_left dl {
	position: relative;
	float: right;
	width: 420px
}

.nb_left dt {
	overflow: hidden;
	width: 100%;
	height: 259px
}

.nb_left dl.pic2 {
	margin-bottom: 2px
}

.nb_left dl.pic2 dt a,
.nb_left dl.pic3 dt a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%
}

.nb_left dl.pic2 dt a:before,
.nb_left dl.pic3 dt a:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 1;
	background: -webkit-gradient(linear, 0 75%, 0 100%, from(rgba(0, 0, 0, 0)), to(#252525));
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), #252525);
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), #252525);
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), #252525)
}

.nb_left dl.pic1 {
	width: 742px;
	margin-left: 2px
}

.nb_left dl.pic1 dt {
	height: 520px
}

.nb_left dd {
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 98%;
	height: 48px;
	padding: 0 1%;
	font-size: 20px;
	line-height: 48px;
	z-index: 9
}

.nb_left .pic1 dd {
	left: 71px;
	width: 591px;
	height: 68px;
	padding: 0;
	font-size: 24px;
	background-color: #fff;
	text-align: center;
	line-height: 68px;
	opacity: .8;
	filter: alpha(opacity=80)
}

.nb_left .pic1 dd a {
	color: #333
}

.nb_left dd a {
	color: #fff
}

.nb_right li {
	position: relative;
	overflow: hidden;
	height: 64px;
	padding-left: 65px;
	border-bottom: 1px solid #eee;
	font-size: 20px;
	line-height: 64px
}

.nb_right i {
	position: absolute;
	top: 15px;
	left: 1px;
	width: 41px;
	height: 35px;
	padding-left: 14px;
	color: #999;
	font-size: 28px;
	font-style: italic;
	line-height: 35px;
	-webkit-border-radius: 0 20px 20px 0;
	-moz-border-radius: 0 20px 20px 0;
	-ms-border-radius: 0 20px 20px 0;
	-o-border-radius: 0 20px 20px 0;
	border-radius: 0 20px 20px 0
}

.nb_right i.top1 {
	background-color: #f00;
	color: #fff
}

.nb_right i.top2 {
	background-color: #f60;
	color: #fff
}

.nb_right i.top3 {
	background-color: #f79c60;
	color: #fff
}

.nb_right a:hover {
	color: #22cb64
}

.news_bottom,
.news_banner {
	width: 1710px;
	margin: 0 auto
}

.news_index .theater_slide {
	margin-right: -6px
}

.news_index .theater_slide a {
	margin: 0 6px 12px 0
}

.news_index .theater_box {
	margin-right: -4px
}

.news_title {
	padding-top: 8px;
	border-top: 1px solid #ddd;
	text-align: center
}

.news_title span {
	padding-top: 10px;
	border-top: 3px solid #28ce6e;
	font-size: 24px;
	text-align: center
}

.nc_left {
	float: left;
	width: 300px;
	margin-right: 30px
}

.news_pic {
	overflow: hidden
}

.news_pic img,
.news_box img,
.ent_right img {
	display: block;
	width: 100%;
	min-height: 100%;
	-webkit-transition: transform .35s ease-in-out;
	-moz-transition: transform .35s ease-in-out;
	-ms-transition: transform .35s ease-in-out;
	-o-transition: transform .35s ease-in-out;
	transition: transform .35s ease-in-out
}

.news_pic dl {
	width: 100%;
	height: 84px;
	padding: 15px 0;
	margin-top: -1px;
	border-top: 1px solid #eee
}

.news_pic a:hover,
.news_music li:hover a {
	color: #28ce6e
}

.news_pic dt {
	overflow: hidden;
	float: right;
	width: 135px;
	height: 100%
}

.news_pic dd {
	position: relative;
	overflow: hidden;
	margin-right: 145px;
	padding-top: 23px;
	height: 66px
}

.news_pic h2,
.news_pic div {
	line-height: 22px
}

.news_pic span {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 20px;
	padding: 0 5px;
	background-color: #ababab;
	color: #fff;
	font-size: 12px;
	line-height: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px
}

.news_pic span.top1 {
	background-color: #f00
}

.news_pic span.top2 {
	background-color: #f60
}

.news_pic span.top3 {
	background-color: #28ce6e
}

.nc_content {
	float: left;
	width: 1044px;
	margin-right: 36px
}

.news_nav {
	background-color: #fff;
	z-index: 99
}

.news_nav li {
	position: relative;
	float: left;
	width: 130px;
	height: 38px;
	font-size: 16px;
	text-align: center;
	line-height: 38px;
	border: 1px solid #ddd;
	border-left: 0;
	border-right: 0;
	cursor: pointer
}

.news_nav a {
	display: block;
	width: 100%;
	height: 100%
}

.news_nav li.on a {
	color: #22cb64
}

.news_nav li:after {
	content: "/";
	position: absolute;
	top: 0;
	right: 0;
	color: #999
}

.news_nav li:last-child:after {
	content: ""
}

.news_box .news_list {
	overflow: hidden;
	display: none
}

.news_box .show {
	display: block
}

.news_box .one_pic,
.news_box .three_pic {
	overflow: hidden;
	padding: 15px 0;
	margin-top: -1px;
	border-top: 1px solid #eee
}

.news_box img:hover,
.news_pic img:hover {
	-webkit-filter: contrast(1.3);
	-moz-filter: contrast(1.3);
	-ms-filter: contrast(1.3);
	-webkit-filter: contrast(1.3);
	filter: contrast(1.3)
}

.news_pics {
	overflow: hidden;
	float: left;
	width: 250px;
	height: 152px
}

.three_pic .news_pics {
	float: none;
	width: 100%;
	height: 152px
}

.three_pic .news_pics span {
	float: left;
	width: 250px;
	height: 100%;
	margin-right: 14px
}

.three_pic .news_pics .more_info {
	float: right;
	width: 250px;
	height: 100%;
	background-color: #f4f4f4;
	color: #666;
	font-size: 16px;
	text-align: center;
	line-height: 152px
}

.three_pic .news_pics .more_info:hover {
	text-decoration: underline
}

.news_info {
	margin-left: 265px
}

.news_info h2,
.news_info div {
	overflow: hidden;
	font-size: 24px;
	height: 58px;
	line-height: 58px
}

.news_info p {
	overflow: hidden;
	height: 48px;
	color: #666;
	line-height: 24px
}

.news_info a:hover {
	color: #28ce6e
}

.news_tips {
	height: 25px;
	margin: 21px 0 0 265px;
	line-height: 25px
}

.news_tips a,
.news_tips em {
	float: left;
	height: 25px;
	padding: 0 10px;
	margin: 0 5px;
	background-color: #eee;
	color: #999;
	font-size: 12px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px
}

.news_tips span {
	float: right;
	margin-right: 20px;
	color: #999;
	font-size: 12px
}

.three_pic .news_info {
	margin-left: 0
}

.three_pic .news_tips {
	margin: 12px 0 0 0
}

.three_pic .news_info h2 {
	height: 24px;
	margin-bottom: 12px;
	line-height: 24px
}

.news_more {
	margin-top: 10px
}

.news_more a {
	display: block;
	width: 400px;
	height: 40px;
	margin: 0 auto;
	border: 1px solid #28ce6e;
	color: #28ce6e;
	text-align: center;
	line-height: 40px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px
}

.news_more a:hover,
.news_tips a:hover {
	background-color: #28ce6e;
	color: #fff
}

.nc_right {
	float: right;
	width: 300px
}

.nc_right .news_pic dl {
	height: 78px
}

.nc_right .news_pic dt {
	float: left;
	width: 122px
}

.nc_right .news_pic dd {
	margin-right: 0;
	margin-left: 130px;
	padding-top: 0;
	height: 78px
}

.nc_right .news_pic h2,
.nc_right .news_pic div {
	line-height: 26px
}

.nc_right .fix_right {
	width: 300px
}

.news_music ul {
	padding-top: 5px
}

.news_music li {
	overflow: hidden;
	position: relative;
	height: 36px;
	padding-left: 20px;
	font-size: 16px;
	line-height: 36px
}

.news_music li:after {
	content: "";
	position: absolute;
	top: 11px;
	left: 0;
	width: 14px;
	height: 14px;
	background: url(../images/login.png) -17px -269px no-repeat
}

.news_music li:hover:after {
	background-position: -17px -290px
}

.news_words li {
	position: relative;
	padding: 10px 0 12px 20px;
	border-bottom: 1px solid #eee
}

.news_words h2,
.news_words div {
	overflow: hidden;
	height: 48px;
	line-height: 24px
}

.news_words p {
	overflow: hidden;
	height: 20px;
	text-align: right
}

.news_words i {
	position: absolute;
	top: 12px;
	left: 0;
	color: #999;
	font-size: 20px;
	font-style: italic
}

.news_words i.top1 {
	color: #f00
}

.news_words i.top2 {
	color: #f60
}

.news_words i.top3 {
	color: #f79c60
}

.news_words a:hover {
	color: #22cb64
}

.news_media {
	margin-right: -6px
}

.news_media .show_model2 {
	margin-top: 15px
}

.new_key {
	overflow: hidden;
	margin-right: -10px
}

.new_key a {
	float: left;
	height: 36px;
	padding: 0 11px;
	margin: 0 10px 10px 0;
	font-size: 16px;
	line-height: 36px;
	border: 1px solid #ddd;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px
}

.new_key a:hover {
	border-color: #22cb64;
	background-color: #22cb64;
	color: #fff
}

@media screen and (min-width:960px) and (max-width:1440px) {

	.tv_index .content,
	.film_index .content,
	.varie_index .content,
	.anime_index .content {
		overflow: hidden;
		width: 1285px
	}

	.tv_area .ta_left li {
		margin-right: 25px
	}

	.varie_area .ta_left li {
		margin-right: 16px
	}

	.tv_area .ta_right,
	.varie_area .ta_right {
		width: 550px
	}

	.tv_index .tv_avatar {
		height: 142px
	}

	.tv_index .tv_left {
		overflow: hidden;
		width: 636px;
		height: 368px
	}

	.tv_index .tv_right {
		overflow: hidden;
		width: 643px;
		height: 368px
	}

	.tv_index .tv_media {
		overflow: hidden;
		height: 408px
	}

	.tv_classic .tc_right,
	.varie_classic .tc_right,
	.anime_classic .tc_right {
		overflow: hidden;
		width: 863px;
		height: 365px
	}

	.varie_classic .tc_right .varie_media,
	.anime_classic .tc_right .anime_media {
		height: 365px
	}

	.tv_index .tv_show,
	.film_index .film_show,
	.film_index .film_feature,
	.varie_index .varie_show,
	.anime_index .anime_feature,
	.anime_index .anime_show {
		overflow: hidden;
		height: 335px
	}

	.anime_index .anime_feature {
		height: 360px
	}

	.tv_index .tv_two,
	.film_index .film_two {
		height: 658px
	}

	.tv_index .banner_box,
	.anime_index .banner_box {
		width: 1285px
	}

	.tv_index .banner_box .pic4,
	.tv_index .banner_box .pic5,
	.anime_index .banner_box .pic4,
	.anime_index .banner_box .pic5 {
		right: 0
	}

	.tv_index .banner_box .pic6,
	.tv_index .banner_box .pic7,
	.anime_index .banner_box .pic6,
	.anime_index .banner_box .pic7 {
		display: none
	}

	.tv_index .banner_box .pic4 dt:before,
	.tv_index .banner_box .pic5 dt:before,
	.anime_index .banner_box .pic4 dt:before,
	.anime_index .banner_box .pic5 dt:before {
		visibility: visible
	}

	.film_index .banner_sel ul,
	.varie_index .banner_sel ul {
		width: 1284px;
		margin-left: -642px
	}

	.film_index .film_area .fa_left a {
		margin: 0 5px
	}

	.film_index .film_area .fa_left li {
		margin-right: 18px
	}

	.film_area .fa_left p {
		max-width: 220px
	}

	.film_index .film_media,
	.varie_index .varie_media,
	.anime_index .anime_media {
		overflow: hidden;
		height: 206px
	}

	.film_index .fr_left .film_show {
		overflow: visible;
		height: auto
	}

	.film_index .fr_left {
		margin-bottom: 5px
	}

	.film_index .film_ranking {
		overflow: hidden;
		height: 389px
	}

	.film_index .ft_nav {
		height: 128px
	}

	.film_index .fs_sura {
		width: 1246px
	}

	.film_index .fs_right dl.fs5,
	.film_index .fs_right dl.fs6 {
		display: none
	}

	.varie_left,
	.varie_right {
		width: 637px
	}

	.varie_updata {
		height: 404px
	}

	.varie_updata .vu_left li {
		width: 177px
	}

	.varie_updata .fa_arr {
		right: 90px
	}

	.anime_index .anime_col {
		overflow: hidden;
		height: 181px
	}

	.anime_index .anime_area .fa_left li {
		margin-right: 8px
	}

	.anime_index .anime_area .fa_left .type p {
		width: 250px
	}

	.anime_index .anime_area .fa_left .area p,
	.anime_index .anime_area .fa_left .year p {
		width: 170px
	}

	.anime_index .anime_area .ta_right {
		width: 400px
	}

	.anime_index .anime_updata {
		overflow: hidden;
		height: 422px
	}

	.anime_ranking {
		overflow: hidden;
		width: 1284px;
		height: 335px
	}

	.news_bottom,
	.news_banner {
		width: 1285px
	}

	.nc_left {
		display: none
	}

	.nc_content {
		width: 953px;
		margin-right: 32px
	}

	.news_nav li {
		width: 119px
	}

	.three_pic .news_pics .more_info {
		width: 161px
	}

	.news_media {
		overflow: hidden;
		height: 205px
	}

	.nb_left {
		width: 744px
	}

	.nb_left dl.pic2,
	.nb_left dl.pic3 {
		display: none
	}

	.news_index .theater_slide {
		margin-right: -8px
	}

	.news_index .theater_slide a {
		margin: 0 8px 12px 0
	}
}

.news_detail .content,
.tag .content {
	border-top: 1px solid #ddd
}

.news_detail .news_main {
	width: 1240px;
	margin: 0 auto
}

.news_detail .main_left {
	float: left;
	width: 890px;
	margin-right: 50px
}

.news_detail .main_left h1 {
	height: 102px;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	line-height: 102px
}

.edit_info {
	height: 40px;
	color: #999;
	line-height: 40px;
	border-bottom: 1px solid #ddd;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	flex-wrap: nowrap;
	justify-content: center
}

.edit_info span {
	margin: 0 39px
}

.edit_box {
	padding: 30px 50px 0
}

.edit_box,
.edit_box p {
	font-size: 16px;
	line-height: 32px
}

.edit_box p {
	margin-bottom: 24px
}

.edit_box img {
	display: block;
	max-width: 100%;
	margin: 0 auto
}

.edit_bottom {
	height: 36px;
	color: #999;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	line-height: 36px
}

.news_detail .main_right {
	float: right;
	width: 300px
}

.stage_show {
	padding-top: 18px
}

.stage_show img {
	width: 100%;
	min-height: 100%
}

.stage_show dt {
	overflow: hidden;
	float: left;
	width: 120px;
	height: 156px
}

.stage_show dd {
	margin-left: 130px
}

.stage_show h2 {
	margin-bottom: 5px;
	font-size: 16px;
	line-height: 20px
}

.stage_show p {
	color: #999;
	font-size: 12px;
	line-height: 22px
}

.stage_show a:hover {
	color: #28ce6e
}

.stage_btn {
	display: block;
	width: 80px;
	height: 24px;
	margin-top: 15px;
	background-color: #28ce6e;
	color: #fff;
	font-size: 12px;
	text-align: center;
	line-height: 24px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px
}

.stage_show .stage_btn:hover {
	color: #fff;
	background-color: #2ce379
}

.stage_show img:hover {
	-webkit-filter: contrast(1.3);
	-moz-filter: contrast(1.3);
	-ms-filter: contrast(1.3);
	-webkit-filter: contrast(1.3);
	filter: contrast(1.3)
}

.column .scan_box {
	width: 100%;
	height: 149px;
	padding-top: 49px;
	background: url('../images/scan_bg.png') 0 0 no-repeat
}

.column .scan_box img {
	display: block;
	width: 104px !important;
	height: 104px !important;
	min-height: initial !important;
	margin: 0 auto;
	min-height: initial
}

.stage_bread {
	position: relative;
	height: 46px;
	padding-left: 20px;
	font-size: 12px;
	line-height: 46px
}

.stage_bread:after,
.ent_right dd:before,
.ent_right li:after {
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: .2px;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: .2px;
	font-family: "iconfont"
}

.stage_bread:after {
	position: absolute;
	left: 0;
	content: "\e68e";
	color: #999;
	font-size: 14px
}

.stage_bread a {
	position: relative;
	color: #999;
	padding-right: 20px
}

.stage_bread a:after {
	position: absolute;
	right: 5px;
	content: ">"
}

.stage_bread a:last-child:after {
	content: ""
}

.stage_bread a:hover {
	color: #45d983
}

.stage_bread a:hover:after {
	color: #999
}

.news_detail .page {
	margin: 40px 0
}

.news_detail .news_tips {
	width: 100%;
	margin: 35px 0;
	height: 38px
}

.news_detail .news_tips span {
	float: left;
	margin-right: 5px;
	font-size: 14px;
	line-height: 38px
}

.news_detail .news_tips a,
.news_detail .news_tips em {
	background-color: #fff;
	height: 36px;
	border: 1px solid #d9d8d8;
	line-height: 38px
}

.news_detail .news_tips a:hover {
	color: #32d074;
	border-color: #32d074
}

.news_handle {
	overflow: hidden;
	width: 100%;
	height: auto
}

.news_handle a {
	overflow: hidden;
	display: block;
	height: 38px;
	font-size: 16px;
	color: #333;
	line-height: 38px
}

.news_handle a.prev,
.news_handle a.next {
	color: #999;
	font-size: 14px
}

.news_handle a:hover {
	color: #45d983
}

.news_handle a.prev:hover,
.news_handle a.next:hover {
	color: #999
}

.handle_left,
.handle_right {
	float: left;
	width: 439px;
	height: 77px;
	border: 1px solid#eee;
	border-right: 0
}

.handle_left {
	margin-left: -1px
}

.handle_right a {
	text-align: right
}

.news_reading li {
	overflow: hidden;
	float: left;
	width: 30%;
	padding-right: 3%;
	height: 20px;
	margin-top: 20px;
	font-size: 16px;
	line-height: 20px
}

.news_reading a:hover {
	color: #32d074
}

.news_detail .news_box .news_list {
	display: block
}

.news_detail .three_pic .news_pics .more_info {
	width: 97px
}

.news_detail .news_box .news_tips {
	height: 25px;
	margin-top: 12px
}

.news_detail .news_box .news_tips a,
.news_detail .news_box .news_tips em {
	height: 25px;
	border: 0;
	background-color: #eee;
	line-height: 25px
}

.news_detail .news_box .news_tips span {
	float: right;
	font-size: 12px;
	line-height: 25px
}

.news_detail .news_box .news_tips a:hover {
	color: #fff;
	background-color: #32d074
}

.news_detail .news_box .news_pics {
	position: relative
}

.news_detail .one_pic .news_pics span {
	position: absolute;
	top: 5px;
	right: 5px;
	height: 20px;
	color: #fff;
	padding: 0 6px;
	background-color: #f00;
	font-size: 12px;
	line-height: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	z-index: 9
}

.news_detail .news_pic dt {
	float: left
}

.news_detail .news_pic dd {
	height: 84px;
	margin-right: 0;
	padding-top: 0;
	margin-left: 145px
}

.news_detail .news_pic h2 {
	line-height: 26px
}

.news_detail #gg_1 div {
	width: 728px;
	margin: 0 auto
}

.tag .detail_main {
	width: 1440px;
	margin: 0 auto
}

.tag .main_left {
	float: left;
	width: 1110px;
	margin-right: 30px
}

.tag .main_right {
	float: right;
	width: 300px
}

.tag .news_box .news_list {
	display: block
}

.tag .page {
	margin: 20px 0 0 0
}

.tag .tag_media {
	margin-right: -6px
}

.tag .show_model2 {
	width: 180px;
	margin-top: 15px
}

.tag .show_model2 dt {
	height: 100px
}

.tag .show_model2 img {
	min-height: 100px
}

.tag .theater_slide {
	margin-right: -15px
}

.tag .theater_slide a {
	width: 360px;
	height: 216px;
	margin: 0 15px 12px 0
}

.tag .theater_slide dl {
	width: 348px
}

.tag .theater_slide dt {
	height: 216px
}

.tag .theater_slide img {
	min-height: 100%
}

.tag .theater_slide a:before,
.tag .theater_slide a:after {
	width: 348px
}

.tag .news_pic dl {
	height: 78px;
	padding: 0;
	margin-top: 15px;
	border-top: 0
}

.tag .news_pic dt {
	float: left;
	width: 122px
}

.tag .news_pic dd {
	margin-right: 0;
	padding-top: 2px;
	margin-left: 130px;
	height: 78px
}

.tag .news_pic h2,
.tag .news_pic div {
	line-height: 25px
}

.tag .mt0 {
	margin-top: 0
}

.tag #gg_1 div {
	width: 960px;
	margin: 0 auto
}

@media screen and (max-width:1440px) and (min-width:960px) {
	.tag .detail_main {
		width: 1285px
	}

	.tag .main_left {
		width: 955px
	}

	.tag .tag_media {
		overflow: hidden;
		height: 182px;
		margin-right: -12px
	}

	.tag .show_model2 {
		margin-right: 12px
	}

	.tag .theater_slide a {
		width: 308px;
		height: 164px
	}

	.tag .theater_slide dl {
		width: 296px
	}

	.tag .theater_slide dt {
		height: 164px
	}

	.tag .theater_slide a:before,
	.tag .theater_slide a:after {
		width: 296px
	}
}

.list .h_nav span {
	margin-left: 0
}

.list .content {
	border-top: 1px solid #ddd;
	background-color: #f4f4f4
}

.list .list_wrap {
	background-color: #fff
}

.list .list_main,
.list .list_top,
.list .list_select {
	width: 1440px;
	margin: 0 auto;
	padding-bottom: 25px
}

.list .list_top {
	padding-top: 35px;
	padding-bottom: 0;
	margin-bottom: 2px
}

.list_top span,
.list_top em {
	float: left;
	margin-right: 30px;
	padding: 0 4px 10px;
	border-bottom: 3px solid transparent;
	font-size: 16px
}

.list_top em {
	float: right;
	margin-right: 0;
	margin-left: 30px
}

.list_top em a:hover {
	color: #28ce6e
}

.list_top .on {
	border-bottom-color: #28ce6e
}

.list .list_show {
	overflow: hidden;
	margin-right: -18px;
	padding-bottom: 10px
}

.list .show_model1 {
	width: 225px;
	margin-right: 18px;
	margin-top: 18px
}

.list .show_model1 dt {
	height: 300px
}

.list .show_model1 img {
	min-height: 100%
}

.list .page {
	margin: 25px 0 10px 0
}

.list .list_select {
	padding: 15px 12px;
	background-color: #fff;
	margin: 20px auto
}

.select_channel,
.select_model,
.selected_model {
	overflow: hidden;
	position: relative;
	padding-left: 52px;
	height: 22px;
	margin-bottom: 15px;
	line-height: 22px
}

.select_channel span,
.select_model span,
.selected_model span {
	position: absolute;
	left: 0;
	width: 52px;
	height: 100%;
	color: #999;
	font-size: 14px
}

.select_model {
	padding-right: 22px
}

.selected_model {
	margin-bottom: 0
}

.select_channel {
	height: 30px;
	margin-bottom: 19px;
	line-height: 30px
}

.list_select .select_open {
	height: auto;
	margin-bottom: 5px
}

.list_select .select_open a {
	margin-bottom: 10px
}

.select_model a,
.select_channel a,
.selected_model a,
.list .show_model1 dt em {
	float: left;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px
}

.select_model a {
	height: 22px;
	margin-right: 12px;
	padding: 0 6px;
	color: #666
}

.select_channel a {
	height: 30px;
	margin-right: 22px;
	padding: 0 20px
}

.list_select .on {
	background-color: #28ce6e;
	color: #fff
}

.select_model a:hover,
.select_channel a:hover {
	color: #28ce6e
}

.select_model .on:hover,
.select_channel .on:hover {
	color: #fff
}

.selected_model a {
	position: relative;
	padding: 0 20px 0 7px;
	height: 20px;
	border: 1px solid #ddd;
	margin-right: 10px;
	color: #28ce6e;
	line-height: 20px
}

.select_model .arr_down {
	position: absolute;
	right: 0;
	width: 22px;
	height: 22px;
	cursor: pointer
}

.select_model .arr_down:after,
.select_model .arr_top:after,
.selected_model a:after {
	font-family: iconfont !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: .2px;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: .2px
}

.select_model .arr_down:after,
.select_model .arr_top:after {
	content: "\e7be";
	font-size: 20px
}

.select_model .arr_top:after {
	content: "\e637"
}

.selected_model a:after {
	content: "\e609";
	position: absolute;
	right: 2px;
	color: #666;
	font-size: 16px
}

.list .show_model1 dt em {
	top: 3px;
	right: 3px;
	height: 20px;
	padding: 0 7px;
	color: #fff;
	font-size: 12px;
	background-color: #f00;
	line-height: 20px
}

.list .show_model1 dt em:first-letter {
	font-size: 12px
}

@media screen and (max-width:1440px) and (min-width:960px) {

	.list .list_main,
	.list .list_top,
	.list .list_select {
		width: 1285px
	}

	.list .show_model1 {
		width: 208px;
		margin-right: 6px
	}

	.list .show_model1 dt {
		height: 278px
	}
}

.newsList .h_nav span {
	margin-left: 0
}

.newsList .content {
	border-top: 1px solid #ddd
}

.newsList .news_main,
.newsList .stage_bread {
	width: 1440px;
	margin: 0 auto
}

.newsList .main_left,
.plot_list .main_left {
	float: left;
	width: 140px;
	margin-right: 30px
}

.newsList .main_content,
.plot_list .main_content {
	float: left;
	width: 940px;
	margin-right: 30px
}

.newsList .main_right,
.plot_list .main_right {
	float: right;
	width: 300px
}

.nav_left a {
	display: block;
	width: 100%;
	height: 40px;
	margin-bottom: 8px;
	font-size: 16px;
	text-align: center;
	line-height: 40px
}

.nav_left .on {
	background-color: #28ce6e;
	color: #fff
}

.nav_left a:hover {
	color: #28ce6e
}

.nav_left .on:hover {
	color: #fff
}

.newsList .news_pics {
	width: 220px;
	height: 140px
}

.newsList .news_tips span {
	float: left
}

.newsList .news_info {
	margin-left: 240px
}

.newsList .three_pic .news_info {
	margin-left: 0
}

.newsList .news_tips a,
.newsList .news_tips em {
	margin: 0 10px 0 0
}

.newsList .news_tips {
	margin: 15px 0 0 240px
}

.newsList .three_pic .news_pics {
	width: 100%
}

.newsList .three_pic .news_pics span {
	width: 220px;
	margin-right: 20px
}

.newsList .three_pic .news_pics .more_info {
	width: 220px
}

.newsList .three_pic .news_tips {
	margin: 12px 0 0 0
}

.newsList .three_pic .news_tips span {
	float: right
}

.newsList .show_ranking,
.plot_list .show_ranking {
	padding-top: 3px
}

.newsList .show_ranking li,
.plot_list .show_ranking li {
	overflow: hidden;
	position: relative;
	height: 49px;
	padding-left: 32px;
	border-bottom: 1px solid #eee;
	line-height: 49px
}

.newsList .show_ranking i,
.plot_list .show_ranking i {
	position: absolute;
	left: 0;
	top: 14px;
	display: block;
	width: 24px;
	height: 24px;
	background-color: #ababab;
	color: #fff;
	text-align: center;
	line-height: 24px
}

.newsList .show_ranking a:hover,
.plot_list .show_ranking a:hover {
	color: #28ce6e
}

.show_ranking .top1,
.plot_list .news_pic dt span.top1 {
	background-color: #f00 !important
}

.show_ranking .top2,
.plot_list .news_pic dt span.top2 {
	background-color: #f60 !important
}

.show_ranking .top3,
.plot_list .news_pic dt span.top3 {
	background-color: #f79c60 !important
}

.newsList .news_pic dt {
	float: left
}

.newsList .news_pic dd {
	margin: 0 0 0 145px
}

.newsList .news_pic span {
	right: 0;
	left: auto
}

.newsList .page,
.plot_list .page {
	margin: 35px 0
}

.newsList .page .prev,
.newsList .page .next,
.plot_list .page .prev,
.plot_list .page .next {
	padding: 0 23px
}

.newsList .page a,
.newsList .page span,
.plot_list .page a,
.plot_list .page span {
	height: 34px;
	margin: 0 3px;
	padding: 0 14px;
	line-height: 34px
}

.newsList .page span,
.plot_list .page span {
	padding: 0 6px
}

.newsList .news_box .one_pic:first-child {
	padding: 0 0 15px 0
}

@media screen and (max-width:1440px) and (min-width:960px) {

	.newsList .news_main,
	.newsList .stage_bread {
		width: 1285px
	}

	.newsList .main_content {
		width: 785px
	}

	.newsList .three_pic .news_pics span {
		margin-right: 5px
	}

	.newsList .three_pic .news_pics .more_info {
		width: 110px
	}
}

.plot_index .content {
	width: 1706px;
	margin: 0 auto
}

.plot_index .plot_banner {
	height: 520px
}

.plot_index .plot_banner dl {
	overflow: hidden;
	height: 100%
}

.plot_index .plot_banner dt {
	float: left;
	width: 1256px;
	min-height: 100%
}

.plot_index .plot_banner dd {
	float: right;
	width: 415px;
	height: 464px;
	padding: 24px 15px 32px 20px;
	background-color: #000;
	color: #fff
}

.plot_index .plot_banner img {
	display: block;
	width: 100%;
	height: 100%
}

.plot_index .plot_banner dd h2,
.plot_index .plot_banner dd .title {
	overflow: hidden;
	height: 32px;
	font-size: 28px;
	margin-bottom: 10px;
	line-height: 32px
}

.plot_index .plot_banner dd div {
	font-size: 16px;
	line-height: 30px
}

.plot_index .plot_banner dd div>em {
	color: #28ce6e
}

.plot_index .plot_banner dd p {
	line-height: 30px
}

.plot_index .plot_banner dd p>span {
	margin-right: 70px
}

.plot_index .plot_banner dd p a {
	color: #fff
}

.plot_index .plot_banner dd p a:hover {
	color: #28ce6e
}

.plot_index .plot_banner .plot_info {
	overflow: hidden;
	max-height: 180px
}

.plot_index .plot_banner .plot_actor {
	position: relative;
	overflow: hidden;
	max-height: 60px;
	padding-left: 48px
}

.plot_index .plot_banner .plot_actor i {
	position: absolute;
	left: 0
}

.plot_index .plot_banner .plot_actor>a,
.plot_index .plot_banner .plot_actor>em {
	color: #fff;
	font-size: 14px;
	margin-right: 16px
}

.plot_index .plot_banner .plot_actor>a:hover {
	color: #28ce6e
}

.plot_index .plot_banner dd>a {
	display: block;
	width: 145px;
	height: 40px;
	margin: 20px auto 0;
	text-align: center;
	line-height: 40px;
	background-color: #28ce6e;
	color: #fff;
	font-size: 16px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px
}

.plot_index .tv_show {
	margin-right: -6px
}

.plot_index .plot_media {
	margin-right: -16px
}

.plot_index .plot_media .show_model2 {
	width: 330px;
	margin: 15px 14px 0 0
}

.plot_index .plot_media .show_model2 dt {
	height: 215px
}

.plot_index .plot_media .show_model2 dd {
	height: 26px;
	padding: 5px 10px;
	line-height: 26px
}

.plot_index .plot_media .show_model2 dd>span {
	float: left;
	max-width: 190px
}

.plot_index .plot_media .show_model2 dd>em {
	float: right;
	color: #999;
	font-size: 14px
}

.plot_left,
.plot_right {
	float: left;
	width: 850px
}

.plot_left {
	margin-right: 6px
}

@media screen and (max-width:1440px) and (min-width:960px) {
	.plot_index .content {
		width: 1285px
	}

	.plot_index .plot_banner {
		height: 345px
	}

	.plot_index .plot_banner dt {
		width: 835px;
		height: 345px
	}

	.plot_index .plot_banner dd {
		width: 430px;
		height: 322px;
		padding: 12px 10px 11px 10px
	}

	.plot_index .plot_banner dd h2 {
		margin-bottom: 5px
	}

	.plot_index .plot_banner dd div {
		font-size: 14px;
		line-height: 22px
	}

	.plot_index .plot_banner .plot_actor {
		max-height: 44px;
		font-size: 12px;
		padding-left: 38px
	}

	.plot_index .plot_banner .plot_actor>a,
	.plot_index .plot_banner .plot_actor>em {
		font-size: 12px
	}

	.plot_index .plot_banner dd p {
		font-size: 12px;
		line-height: 22px
	}

	.plot_index .plot_banner dd>a {
		height: 32px;
		margin: 10px auto 0;
		line-height: 32px
	}

	.plot_index .tv_show {
		overflow: hidden;
		height: 336px
	}

	.plot_index .tv_two {
		height: 665px
	}

	.plot_left,
	.plot_right {
		width: 636px
	}

	.plot_index .plot_media {
		overflow: hidden;
		height: 517px
	}

	.plot_index .plot_media .show_model2 {
		width: 319px;
		margin: 15px 6px 0 0
	}

	.plot_index .plot_media .show_model2 dt {
		height: 204px
	}

	.plot_index .plot_banner .plot_info {
		max-height: 110px
	}
}

.plot_list .content {
	border-top: 1px solid #ddd
}

.plot_list .plot_main {
	width: 1440px;
	margin: 0 auto
}

.plot_list .main_content li {
	height: 39px;
	padding: 0 5px;
	border-bottom: 1px solid #eee;
	line-height: 39px
}

.plot_list .main_content li span {
	overflow: hidden;
	float: left;
	width: 510px;
	height: 100%;
	font-size: 16px;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	white-space: nowrap
}

.plot_list .main_content li em {
	float: left;
	width: 210px;
	color: #999;
	font-size: 12px
}

.plot_list .main_content li em:last-child {
	text-align: right
}

.plot_list .main_content li:hover {
	background-color: #f4f4f4
}

.plot_list .main_content li:hover a {
	color: #28ce6e
}

.plot_list .news_pic dl {
	height: 78px;
	padding: 0;
	margin-top: 15px;
	border: 0
}

.plot_list .news_pic dt {
	position: relative;
	float: left;
	width: 122px;
	height: 100%
}

.plot_list .news_pic dt span {
	position: absolute;
	top: auto;
	bottom: 0;
	left: 0;
	width: 24px;
	height: 24px;
	padding: 0;
	color: #fff;
	text-align: center;
	line-height: 24px;
	background-color: #ababab;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0
}

.plot_list .news_pic dd {
	margin-right: 0;
	padding-top: 2px;
	margin-left: 130px;
	height: 78px
}

.plot_list .news_pic h2,
.plot_list .news_pic div {
	height: 52px;
	line-height: 26px
}

@media screen and (max-width:1440px) and (min-width:960px) {
	.plot_list .plot_main {
		width: 1285px
	}

	.plot_list .main_content {
		width: 785px
	}

	.plot_list .main_content li span {
		width: 425px
	}

	.plot_list .main_content li em {
		width: 175px
	}
}

.ent_banner {
	overflow: hidden
}

.ent_banner .ent_left {
	position: relative;
	float: left;
	width: 1264px;
	height: 520px
}

.ent_left h2 {
	overflow: hidden;
	position: absolute;
	bottom: 40px;
	left: 50%;
	margin-left: -300px;
	height: 60px;
	padding: 0 50px;
	color: #fff;
	font-size: 20px;
	line-height: 60px;
	background-color: #000;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 30px
}

.ent_left h2>span {
	position: relative;
	top: 14px;
	float: left;
	width: 52px;
	height: 32px;
	margin-right: 15px;
	color: #fff;
	background-color: #28ce6e;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px
}

.ent_left h2 i.iconfont {
	position: absolute;
	left: 20px;
	top: 0;
	line-height: 32px
}

.ent_right {
	float: right;
	width: 412px
}

.ent_right dl {
	position: relative;
	width: 100%;
	height: 256px
}

.ent_right dt {
	overflow: hidden;
	width: 100%;
	height: 100%
}

.ent_right dd {
	overflow: hidden;
	position: absolute;
	bottom: 0;
	width: 85%;
	padding: 0 2% 0 13%;
	height: 36px;
	font-size: 16px;
	line-height: 36px;
	color: #fff;
	z-index: 1
}

.ent_right dd a {
	color: #fff
}

.ent_right dd:before {
	position: absolute;
	left: 0;
	content: "\e6df";
	display: block;
	width: 36px;
	height: 35px;
	padding-top: 1px;
	font-size: 24px;
	text-align: center;
	background-color: #28ce6e;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px
}

.ent_right dd:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .3;
	filter: alpha(opacity=30);
	z-index: -1
}

.ent_right li {
	position: relative;
	overflow: hidden;
	height: 44px;
	padding-left: 34px;
	line-height: 44px
}

.ent_right li:after {
	content: "\e69f";
	position: absolute;
	left: 0;
	top: 2px;
	color: #28ce6e;
	font-size: 16px
}

.ent_right li a:hover {
	color: #28ce6e
}

.ent_index .anime_classic {
	padding-top: 15px
}

.ent_index .anime_classic .tc_left dt {
	height: 275px
}

.ent_index .anime_classic .tc_left dd {
	height: 60px;
	padding-top: 0;
	margin-bottom: 0
}

.ent_index .anime_classic .tc_left h2,
.ent_index .anime_classic .tc_left div {
	height: 60px;
	line-height: 60px
}

.ent_index .anime_classic .tc_right {
	margin-top: -15px
}

.ent_index .anime_classic .tc_right .anime_media .show_model2 {
	margin-top: 15px
}

.ent_index .ent_classic .tc_left dt {
	height: 323px
}

.ent_index .ent_classic .tc_right .anime_media .show_model2 dd {
	height: 50px
}

.ent_index .theater_box {
	height: 228px
}

.ent_index .theater_slide a,
.ent_index .theater_slide dt {
	height: 216px
}

.hot_starChannel {
	margin-right: -6px
}

.hot_starChannel dd {
	text-align: center
}

.hot_starChannel .show_model1 {
	margin-top: 15px
}

.hot_starChannel .show_model1:hover dt a:after {
	visibility: hidden
}

.ent_index .show_model2 dt span {
	top: 3px;
	right: 3px;
	bottom: auto;
	left: auto;
	height: 18px;
	padding: 0 8px;
	font-size: 12px;
	line-height: 18px;
	background-color: #f60;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px
}

.ent_index .show_theater .prev,
.ent_index .show_theater .next {
	top: 110px
}

@media screen and (max-width:1440px) and (min-width:960px) {
	.ent_index .content {
		width: 1285px
	}

	.ent_banner .ent_left {
		width: 1280px;
		height: 536px
	}

	.ent_right {
		display: none
	}

	.ent_index .anime_classic .tc_right,
	.ent_index .anime_classic .tc_right .anime_media {
		height: 357px
	}

	.ent_index .ent_classic .tc_right,
	.ent_index .ent_classic .tc_right .anime_media {
		height: 405px
	}

	.ent_index .anime_media {
		overflow: hidden;
		height: 203px
	}

	.hot_starChannel {
		overflow: hidden;
		height: 336px
	}

	.ent_index .col_two {
		height: 398px
	}
}

.star_index .content img,
.star_index .star_banner img {
	display: block;
	width: 100%;
	min-height: 100%
}

.star_banner {
	width: 1706px;
	height: 520px;
	margin: 0 auto
}

.star_banner dl.pic1 {
	float: left;
	width: 245px;
	height: 100%
}

.star_banner dl.pic2 {
	float: left;
	width: 971px;
	height: 100%
}

.star_banner dt {
	width: 100%;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover
}

.star_banner dd {
	display: none;
	position: absolute;
	overflow: hidden;
	bottom: 36px;
	width: 96%;
	height: 60px;
	padding: 0 2%;
	color: #fff;
	font-size: 20px;
	text-align: center;
	line-height: 60px;
	z-index: 1
}

.star_banner dd:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .5;
	filter: alpha(opacity=50);
	z-index: -1
}

.star_banner dl:hover {
	position: relative;
	-webkit-transform: scale(1.02, 1.02);
	-moz-transform: scale(1.02, 1.02);
	-o-transform: scale(1.02, 1.02);
	-ms-transform: scale(1.02, 1.02);
	transform: scale(1.02, 1.02);
	-webkit-box-shadow: 0 2px 15px 2px #000;
	-moz-box-shadow: 0 2px 15px 2px #000;
	-ms-box-shadow: 0 2px 15px 2px #000;
	-o-box-shadow: 0 2px 15px 2px #000;
	box-shadow: 0 2px 15px 2px #000
}

.star_banner dl:hover dd {
	display: block
}

.star_index .column {
	border-top: 1px solid #333;
	padding-top: 15px
}

.star_title {
	background: url(../images/star_title.png) no-repeat
}

.star_index .mainland {
	width: 287px;
	background-position: 0 -44px
}

.star_index .hongkong {
	width: 505px;
	background-position: 0 -67px
}

.star_index .japan {
	width: 505px;
	margin-top: 6px !important;
	height: 26px !important;
	background-position: 0 -215px
}

.star_index .american {
	width: 522px;
	background-position: 0 -91px
}

.star_index .cast {
	width: 166px;
	background-position: 0 -115px
}

.star_index .gossip {
	width: 206px;
	background-position: 0 -139px
}

.star_index .topic {
	width: 240px;
	background-position: 0 -163px
}

.star_index .partner {
	width: 365px;
	background-position: 0 -187px
}

.star_index .column_title2 span {
	float: left;
	height: 24px;
	margin-top: 3px
}

.star_index .column_title2 .t_more1 {
	color: #999
}

.star_cast {
	padding-top: 15px
}

.left_cast {
	float: left
}

.left_cast dl {
	position: relative;
	width: 482px;
	height: 644px
}

.left_cast dt,
.cast_mix dt,
.star_pics dt {
	overflow: hidden;
	width: 100%;
	height: 100%
}

.left_cast dd,
.cast_mix dd {
	overflow: hidden;
	position: absolute;
	bottom: 0;
	width: 462px;
	height: 40px;
	padding: 0 10px;
	color: #fff;
	font-size: 20px;
	text-align: center;
	line-height: 40px;
	z-index: 1
}

.left_cast dd:after,
.cast_mix dd:after {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .4;
	filter: alpha(opacity=40);
	z-index: -1
}

.right_cast {
	float: right;
	width: 1216px;
	padding-left: 8px
}

.right_cast dl {
	margin-right: 9px
}

.cast_mix {
	overflow: hidden;
	margin-right: -9px;
	margin-top: -8px
}

.cast_mix dl {
	position: relative
}

.mix_one,
.mix_two {
	float: left;
	width: 236px;
	height: 318px;
	margin-top: 8px
}

.mix_one dd {
	width: 216px
}

.mix_two {
	width: 481px
}

.mix_two dd {
	width: 461px
}

.star_pics {
	overflow: hidden;
	margin-right: -9px;
	padding-top: 6px
}

.star_pics dl {
	position: relative;
	overflow: hidden;
	float: left;
	width: 236px;
	height: 315px;
	margin: 9px 9px 0 0
}

.star_pics dd {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	z-index: 1
}

.star_pics dd:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .3;
	filter: alpha(opacity=30);
	z-index: -1
}

.star_pics dd {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0
}

.star_pics dl:hover dd {
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1
}

.star_pics dd {
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	transition: all .2s ease-out
}

.star_pics dd .line {
	-webkit-transition: all .3s ease-in-out .2s;
	-moz-transition: all .3s ease-in-out .2s;
	-o-transition: all .3s ease-in-out .2s;
	-ms-transition: all .3s ease-in-out .2s;
	transition: all .3s ease-in-out .2s
}

.star_pics dd,
.star_pics dt img,
.star_pics dd:after,
.cast_mix dt img,
.left_cast dt img {
	-webkit-transition: all .4s ease-out;
	-moz-transition: all .4s ease-out;
	-o-transition: all .4s ease-out;
	-ms-transition: all .4s ease-out;
	transition: all .4s ease-out
}

.square_top,
.square_bottom {
	-webkit-transition: all .6s ease-in-out;
	-moz-transition: all .6s ease-in-out;
	-o-transition: all .6s ease-in-out;
	-ms-transition: all .6s ease-in-out;
	transition: all .6s ease-in-out
}

.star_pics dl:hover dt img,
.cast_mix dl:hover dt img,
.left_cast dl:hover dt img {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}

.square_top,
.square_bottom {
	overflow: hidden;
	position: absolute;
	width: 0;
	height: 0
}

.square_top {
	top: 0;
	right: 0
}

.square_bottom {
	bottom: 0;
	left: 0
}

.square_top:after,
.square_bottom:after {
	content: "";
	position: absolute;
	width: 118px;
	height: 157px
}

.square_top:after {
	top: 0;
	right: 0;
	background: url(../images/square_cover_top.png) top right no-repeat
}

.square_bottom:after {
	left: 0;
	bottom: 0;
	background: url(../images/square_cover_bottom.png) bottom left no-repeat
}

.star_pics dd .line {
	position: relative;
	top: 55%;
	height: 1px;
	width: 0;
	background-color: #fff;
	margin: 0 auto
}

.star_pics dd .model_name {
	position: absolute;
	left: 0;
	top: 45%;
	width: 100%;
	font-size: 20px;
	color: #fff;
	font-weight: 100;
	text-align: center
}

.star_pics dl:hover .line {
	width: 60px
}

.star_pics dl:hover .square_top,
.star_pics dl:hover .square_bottom {
	width: 50%;
	height: 50%
}

.star_top .mix_two {
	width: 422px
}

.star_top .mix_two dd {
	width: 402px
}

.star_top .mix_one {
	width: 208px
}

.star_top .mix_one dd {
	display: none;
	width: 120px;
	left: 50%;
	bottom: 18px;
	margin-left: -60px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px
}

.star_top .mix_one:hover dd {
	display: block
}

.star_top .mix_one,
.star_top .mix_two {
	height: 278px;
	margin-right: 6px
}

.star_top_title {
	width: 410px;
	height: 45px;
	margin: 0 auto 15px
}

.star_index .anime_media .show_model2:hover dt a:after {
	visibility: hidden
}

@media screen and (max-width:1440px) and (min-width:960px) {
	.star_index .content {
		width: 1285px
	}

	.star_banner {
		width: 1285px
	}

	.star_banner a:last-child {
		display: none
	}

	.star_pics {
		height: 294px
	}

	.star_index .col_two {
		height: 588px
	}

	.star_pics dl {
		width: 209px;
		height: 288px;
		margin: 6px 6px 0 0
	}

	.star_top .cast_mix {
		height: 286px
	}

	.star_top .mix_two {
		width: 424px
	}

	.star_index .anime_media {
		overflow: hidden;
		height: 398px
	}

	.left_cast {
		display: none
	}

	.right_cast {
		width: 1285px;
		padding-left: 0
	}

	.right_cast .mix_one {
		width: 254px;
		height: 336px
	}

	.right_cast .mix_one dd {
		width: 234px
	}

	.right_cast .mix_two {
		width: 496px;
		height: 336px
	}

	.right_cast .mix_two dd {
		width: 476px
	}

	.star_banner dl.pic1 {
		width: 186px
	}

	.star_banner dl.pic2 {
		width: 912px
	}
}

.theme_wrap {
	padding-top: 20px;
	border-top: 1px solid #ddd
}

.theme_main {
	width: 1240px;
	margin: 0 auto
}

.theme_banner dl {
	overflow: hidden
}

.theme_banner dt {
	overflow: hidden;
	float: left;
	width: 820px;
	height: 380px
}

.theme_banner dd {
	float: left;
	width: 380px;
	height: 330px;
	padding: 30px 20px 20px;
	background-color: #f2f2f4
}

.theme_banner h1 {
	overflow: hidden;
	height: 30px;
	font-size: 22px;
	text-align: center;
	line-height: 30px
}

.theme_banner .theme_tips {
	padding: 5px 0 30px;
	text-align: center
}

.theme_banner .theme_tips span {
	margin: 0 10px;
	color: #999;
	font-size: 14px
}

.theme_banner .theme_summary {
	overflow: hidden;
	height: 195px;
	padding-top: 15px;
	border-top: 1px dotted #aaa;
	color: #666;
	font-size: 14px;
	line-height: 32px
}

.theme_banner .banner_share {
	overflow: hidden;
	height: 42px
}

.theme_banner .banner_share span {
	float: left;
	width: 50px;
	height: 42px;
	color: #666;
	line-height: 42px
}

.share {
	overflow: hidden;
	float: left
}

.share a {
	position: relative;
	float: left;
	width: 42px;
	height: 42px;
	margin-right: 5px
}

.share i {
	position: absolute;
	top: 3px;
	left: 5px;
	color: #bbb;
	font-size: 30px
}

.theme_link {
	overflow: hidden;
	height: 38px;
	margin: 30px 0;
	border: 1px solid #ddd;
	text-align: center
}

.theme_link li {
	display: inline-block;
	color: #ddd
}

.theme_link a {
	display: inline-block;
	height: 38px;
	padding: 0 15px;
	margin: 0 15px 0 18px;
	color: #333;
	font-size: 16px;
	text-align: center;
	line-height: 38px
}

.theme_link a:hover {
	background-color: #45d983;
	color: #fff
}

.theme_list {
	margin: 30px 0
}

.theme_model {
	margin-right: -20px
}

.theme_model li {
	float: left;
	width: 400px;
	margin: 0 20px 20px 0
}

.theme_model dl {
	overflow: hidden;
	width: 100%;
	height: 246px
}

.theme_model img {
	display: block;
	width: 100%;
	min-height: 246px
}

.theme_model dt {
	overflow: hidden;
	float: left;
	width: 180px;
	height: 100%
}

.theme_model dd {
	float: left;
	width: 200px;
	height: 224px;
	padding: 7px 8px 15px 12px;
	background-color: #f4f4f4
}

.tm_title {
	overflow: hidden;
	height: 34px;
	color: #333;
	font-size: 18px;
	line-height: 34px
}

.tm_tips {
	overflow: hidden;
	height: 24px;
	color: #666;
	font-size: 12px;
	line-height: 24px
}

.tm_tips a {
	margin-right: 5px;
	color: #45d983
}

.tm_summary {
	overflow: hidden;
	height: 115px;
	color: #666;
	font-size: 14px
}

.tm_summary p {
	display: inline;
	font-size: 14px;
	line-height: 28px
}

.tm_summary a {
	color: #45d983
}

.theme_media,
.theme_news {
	padding-top: 15px;
	margin-right: -8px
}

.theme_media .show_model2,
.theme_news .show_model2 {
	width: 200px;
	margin-right: 8px
}

.theme_media .show_model2 dt,
.theme_news .show_model2 dt {
	height: 112px
}

.theme_news .show_model2:hover dt a:after {
	visibility: hidden
}
