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

.header { margin:0 auto; width:100%; height:400px;}

/* 版块设置 */
.area-item { width:1000px; margin:0 auto;}
.name-item { height:60px; line-height:60px; background:url(../images/t_bg.png) no-repeat; color:#fff; font-size:24px; font-weight:bold; padding-left:115px;}
.name-item span { text-align:center; float:left;}
.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: 318px; display: none; }







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

/* TAB切换 */
#tags { float:left; height:80px; border:1px solid #bbb; border-bottom:0; width:954px; padding:0 2px; background:#fff url(../images/logoline.png) top center repeat-x;}
#tags li { float:left; margin:0 38px;}
#tags li a { display:block; height:80px; line-height:70px; font-size:18px; text-align:center; color:#222; background:url(../images/logoline.png) top center no-repeat;}
#tags li a:hover { text-decoration:none;}
#tags li.selectTag a { display:block; height:80px; line-height:70px; font-size:18px; text-align:center; color:#c80000; background:url(../images/logo1.png) top center no-repeat;}

.tagContent { float:left; border:1px solid #bbb; border-top:0; padding:39px; width:880px; background:#fff; font-size:12px; line-height:26px; text-align:center;}
.tagContent li { float:left; width:440px;}
.tagContent li span {color:#c80000; font-size:16px;}
.tagContent .mt10 { margin-top:10px;}
.tagContent .m220 { margin:0 220px;}

/* 视频版块 */
.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;}