@charset "utf-8";
/* CSS Document */

.header { margin:0 auto; width:100%; height:600px; background:url(../images/header.jpg) center no-repeat;}


/* 版块设置 */
.area-item { width:1000px; margin:0 auto;}
.name-item { height:70px; line-height:80px; background:url(../images/t_bg.png) no-repeat; color:#fff; font-size:24px; font-weight:bold; padding-left:140px;}

.main-item { padding:20px; background:#fff; float:left; width:960px;}
.main-item2 { padding:20px; background:#fff; float:left;}

/* 幻灯片 */
.comiis_wrapad { margin: 0 auto; width: 350px; overflow: hidden;}
.comiis_wrapad img { float: left; margin-top: 0px; }
#frameHlicAe { margin: 0px !important; border: 0px !important; }
.block { margin: 0;position: relative; }
.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.cl { zoom: 1; }

.slideshow { clear: both; }
.slideshow li { position: relative; overflow: hidden; }
.slideshow span.title { position: absolute; bottom: 0; left: 0; margin-bottom: 0; width: 100%; height: 32px; line-height: 32px; font-size: 14px; text-indent: 10px; }
.slideshow span.title, .slidebar li { background: rgba(0,0,0,0.3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #30000000,endColorstr = #30000000); color: #FFF; overflow: hidden; }
.slidebar li { float: left; margin-right: 1px; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 10px; cursor: pointer; }
.slidebar li.on { background: rgba(255,255,255,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #50FFFFFF,endColorstr = #50FFFFFF); color: #000; font-weight: 700; }

.slidebar { position: absolute; bottom: 5px; right: 4px; }
.slideshow span.title, .slidebar li { background: rgba(0,0,0,0.3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #90000000,endColorstr = #90000000); color: #FFF; overflow: hidden; }
.slidebar li.on { background: rgba(230,17,51,1.0); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #90000000,endColorstr = #90000000); color: #FFF; font-weight: 700; }

.slideshow SPAN.title { text-indent: 0px; }

#slidesImgs li { width: 350px; height: 320px; display: none; }

.about { border:1px solid #ccc; padding:19px; width:550px; height:280px;}
.about .tit { font-size:20px; line-height:36px; font-weight:bold; text-align:center; border-bottom:1px dashed #ccc; padding-bottom:10px; margin-bottom:10px; color:#e61133;}
.about .text { text-indent:2em; font-size:16px; line-height:36px;}

/* TAB切换 */
#tags { float:left; height:50px; margin-left:280px; margin-top:-50px;}
#tags li { float:left; height:40px; font-size:16px;}
#tags li a { display:block; height:40px; line-height:40px; background:#fff; color:#e61133; font-weight:bold; text-align:center; margin-left:5px; padding:0 10px; border-top:5px solid #e61133; border-bottom:5px solid #e61133;}
#tags li a:hover { text-decoration:none;}
#tags li.selectTag a { display:block; height:40px; line-height:40px; background:#fff; color:#e61133; font-weight:bold; text-align:center; border-top:5px solid #fff; border-bottom:5px solid #fff;}

/* 视频版块 */
.film1 {}
.film1 a { display:block; width:460px; height:330px; float:left; border:1px solid #bbb; padding:4px; overflow:hidden; position:relative; background:#fff url(../images/film1.jpg) no-repeat 4px;}
.film1 a:hover { opacity:.95;}
.film1 a .play { width:55px; height:55px; left:205px; bottom:151px; position:absolute; opacity:.75;}
.film1 a .name { width:460px; height:35px; line-height:35px; text-align:center; left:4px; bottom:4px; position:absolute; background: rgba(0, 0, 0, 0.7); color:#fff; float:left;}

.film2 {}
.film2 a { display:block; width:460px; height:330px; float:left; border:1px solid #bbb; padding:4px; overflow:hidden; position:relative; background:#fff url(../images/film2.jpg) no-repeat 4px;}
.film2 a:hover { opacity:.95;}
.film2 a .play { width:55px; height:55px; left:205px; bottom:151px; position:absolute; opacity:.75;}
.film2 a .name { width:460px; height:35px; line-height:35px; text-align:center; left:4px; bottom:4px; position:absolute; background: rgba(0, 0, 0, 0.7); color:#fff; float:left;}

.history {}
.history li { margin:10px; width:260px; padding:20px; background:#f1f1f1; float:left; height:250px;}
.history .pic { text-align:center;}
.history .text { text-indent:2em; margin-top:20px; line-height:30px;}

.interview {}
.interview .pic { width:350px; padding:4px; border:1px solid #ccc;}
.interview .view { border:1px solid #ccc; padding:19px; width:540px; height:310px;}
.interview .view .tit { font-size:20px; font-weight:bold; text-align:center; border-bottom:1px dashed #ccc; padding-bottom:10px; margin-bottom:10px; color:#e61133;}
.interview .view .text { text-indent:2em; font-size:16px; line-height:36px;}

.interviewlist {}
.interviewlist li { float:left; width:300px; padding:4px; border:1px solid #ccc; margin-right:15px; margin-bottom:15px;}
.interviewlist li img { width:300px; height:180px;}
.interviewlist li .tit { font-size:14px; font-weight:bold; text-align:center; background:#0c37aa; color:#fff; height:30px; line-height:30px; margin-bottom:5px;}
.interviewlist li .text { text-indent:2em; font-size:14px; line-height:30px; padding:0 5px; height:220px; overflow-y:scroll;}