@charset "utf-8";
a{text-decoration:none;}
#index{
  background-color: #1ea0fa;
  color:#fff;
  position: relative;
  z-index:9;
  overflow: hidden;
  white-space: nowrap;
  text-overflow:ellipsis;
}

#wrap-banner{margin:0 auto; background-color:#000; position:relative; padding:0; }
.banner {height:605px;width:100%; background:url(images/indexbk02.jpg) center no-repeat;background-color:#1066bd;}
.dlbn{width:120px; height:120px; position:absolute; z-index:1000; margin:0 auto;top:120px;left:80%;}
.dlbn img{width: 120px; height: 120px;}

.maincontent{padding-top:40px; text-align: center; position: relative; width:100%; margin:0 auto;overflow:hidden;}
.slogan-txt{padding:20px 0; font-size: 2em;line-height:2em; color: #313335; font-weight: 600;}
.icon-item01, .icon-item02, .icon-item03, .icon-item04, .icon-item05, .icon-item06, .icon-item07, .icon-item08{float:left; width: 21%; margin: 10px 2%;}
.icon-list{width: 90%; margin: 0 auto; height:auto; list-style:none; padding-top: 0px;}
.ico img{width: 90%; height: auto;}
.ico-txt{text-align:center; padding-top:18px; font-size: 1.4em; color:#313335; line-height:1.4em; }

.viewmorebn{width:200px;height:42px;background-position:center; background-repeat:no-repeat;padding-top:39px;padding-bottom:40px; margin:0 auto;position:relative;overflow:hidden; *padding-bottom:33px;}

.works{position: relative; width:100%; margin: 40px auto 20px;overflow:hidden; }
.gb-more{position:absolute; padding:0 0 0 20px; width:58px; height:30px; display:inline-block; }
.btn-ghost {top:-4px;*top:0px;
  color:#313335;
  text-align:center;
  text-decoration:none;
  font-size:14px;
  line-height:14px;
  width:42px;
  margin:4px auto;
  padding:5px 6px;
  border:2px solid #313335;
  border-radius:4px;
  display:block;
  position:relative;
  transition:all ease .5s;
}
.btn-ghost:hover {color:#fff; background:#313335; }
.btn-ghost:active {top:2px;}
.btn-ghost.blue {color:#1ea0fa; border-color:#1ea0fa;}
.btn-ghost.blue:hover {color:#fff; background:#1ea0fa; top:-4px; *top:0px;}

.hot{margin-top:20px; position: relative;}
.wrap_r{padding-right:0px;}
.hot_wrap{width: 46%; padding:0; margin:0 2% 20px; float: left;}
.hot_d{margin-bottom:6px; overflow:hidden; background-color:#fff;}
.hot_d img{border-radius:6px;}
.playbnimg{display: none;}
.worksimg{width:100%; height:auto; }
.hot_title a{width: 100%; color:#313335; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; *display:inline; margin:0;}
.hot_title  a:hover{color:#1ea0fa;}
.hot_title a em{font-size: 1.4em;}
.hot_title img{display:inline-block; *display:inline; vertical-align:-3px; }
.em_author{color:#8c8e90; font-size:1.4em; margin-left:2px;}
.em_auimg{margin-left:2px;}

.hot_enter{
	width: 100%;
	height: 100%;
	background: #bbe2fd;
	display: none;
}

.atv_wrap{padding-top:39px; padding-bottom: 40px; position: relative; width:100%; margin:0 auto; overflow:hidden; }

.actorfilm .actor, .actorfilm .film{text-align: center; float: left;}
.actorfilm .actor img{width: 80%; height: auto; margin-bottom: 5px;}
.actorfilm .film img{width: 100%; height: auto; margin-bottom: 5px;}
.actorfilm .actor span{font-size: 1.4em; line-height: 1.4em; margin-left: 2px; top: 1px; position: relative;}
.actorfilm .actor .actorplay{width: 18px; height: 18px; vertical-align: middle;}
.actorfilm .film span{font-size: 1.4em; line-height: 1.4em; height: 2em; }
.actorfilm .actor a, .actorfilm .film a{color: #313335; display: block; width: 100%;}
.actorfilm .actor a:hover, .actorfilm .film a:hover{color: 1ea0fa;}

.actorfilm .actor a{width: 100%; display:block;}


.actorwr, .filmwr{margin: 20px 2% 10px;}

.activity{overflow: hidden; list-style:none;}

#artlink {width: 100%; padding: 0 0 6px 0; table-layout: fixed; overflow: hidden;}
#artlink em{color: #fff; background-color: #E71A60; border-radius: 4px; padding: 2px 4px; margin-right: 2px; width: 500px; text-align: center; font-size: 14px;}
#artlink .td {padding: 12px 2% 13px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#artlink a {text-decoration: none; color: #646668; font-size: 1.4em; line-height:1.4em; }
#artlink a:hover {color: #1ea0fa;}
#artlink a{line-height:20px;}
#artlink a img {vertical-align: middle;}
#artlink a span{position: relative; top: 2px; margin-left: 4px; }
#artlink .td_int{display: none;}

.atv_wrap .go_det{padding: 0 0 0 20px; width: 86px; height: 30px; float: right; margin-right: 2%;}
.atv_wrap .go_det .btn-ghost{width: 70px;}

.atv_wrap .hr{margin: 40px auto;}

#artlink{width: 90%; margin: 0 5%;}

/* 3个人 */
/*
.actorfilm .actor, .actorfilm .film{width: 30%; }
.actorfilm .actor, .actorfilm .film{padding: 0 1.5%; }
*/

/* 4个人 */
.actorfilm .actor, .actorfilm .film{width: 21%; }
.actorfilm .actor, .actorfilm .film{padding: 0 2%; }