*{ margin:0px; padding:0px;}
/*h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal;}*/
/*body{ line-height:20px; width:100%; margin:0 auto; font-family:"微软雅黑", Arial,sans-serif; }*/
/*ol, ul,li{list-style:none;}*/
a { text-decoration:none;}
img,input { border:0px; padding:0px; margin:0px;}

@font-face{
    font-family:北魏楷书简;
    src:url(../fonts/北魏楷书简.ttf);
}
  

.clear{clear:both;display:block;height:0;overflow:hidden;font-size:0;}
.clearfix:after {clear:both;content:".";display:block;height:0;overflow:hidden;visibility:hidden}
.clearfix {display:inline-block;}
.clearfix {display:block;}

/*视频*/
.vedeo_all{ width:100%; height:510px; margin-top:20px;}
.video {width:1200px;height:500px; margin:1px auto; padding-top:-25px;}

.video .tl { line-height:30px; background:url(../images/frame_tl.jpg) repeat-x;}
.video .tl span { float:left; margin-left:10px; color:#029fa6; font-size:11pt; font-weight:bold; }
<!--border-style:solid; border-width:1px;-->
.video .cont { width:1200px; -moz-background-size:100% auto;background-size: 100% auto; margin:0px auto; padding:0px; display:block; height:500px; overflow:hidden;}
.video .cont .l{ width:61%;float:left;}
.video .cont .r { width:38%; float:right;}
.video .cont .l, .video .cont .r { padding-top:1px;}

.video .cont .l .box_ct { width:100%; height:485px; margin:0px; padding-top:33px;}
.video .cont .l .box_ct .c { width:485px; height:485px; margin:0px 0px 0px 3px;}
.video .cont .l .box_tl { width:100%; height:40px;text-align:center; color:#009ea9; font-weight:bold; font-size:12.5pt; font-family:"北魏楷书简"; display:block; }
.video .cont .l .details { width:70%; color:#3d393a; font-size:11.5pt; font-family:"北魏楷书简"; line-height:30px; margin:20px  130px; }

.effect { width:100%; height:auto; position:relative;}
.effect .bigBox {  width:720px; height: 420px;position: relative;overflow: hidden; margin:10px 10px 10px 10px; background-color:#3e3a39;}
.effect .bigBox lo { width:708px; height:420px; margin:1px 0px 1px 1px; display:none;margin:10px 10px 10px 10px;}
.effect .bigBox lo.on { display:block;}
/*overflow: hidden;*/
.effect .smallBox {
	 width:435px; height:440px;margin: 0 auto;
	 position: relative;
	 cursor: pointer;
	 margin-top:10px;
	 
	    scrollbar-arrow-color: #f4ae21; /*图6,三角箭头的颜色overflow-x: hidden;  overflow-y:scroll;*/
		scrollbar-face-color: #333; /*图5,立体滚动条的颜色*/
		scrollbar-3dlight-color: #666; /*图1,立体滚动条亮边的颜
		
		色*/
		scrollbar-highlight-color: #666; /*图2,滚动条空白部分的
		
		颜色*/
		scrollbar-shadow-color: #999; /*图3,立体滚动条阴影的颜
		
		色*/
		scrollbar-darkshadow-color: #666; /*图4,立体滚动条强阴
		
		影的颜色*/
		scrollbar-track-color: #666; /*图7,立体滚动条背景颜色*/
		
		scrollbar-base-color:#f8f8f8; /*滚动条的基本颜色*/
		Cursor:url(http://www.hnxd.org/img/index/mouse.cur); /*自定义个性鼠标 background-color:#e6e7e7;*/
	   
	  
	   }
	   
/*.effect .smallBox .on{
	 width:380px; margin-left:0px;
	  background-color:#fff;
	   }	*/
	      
.effect .r .smallBox ul {width:440px; height:440px;font-family:'微软雅黑';display: inline;}
.effect .r .smallBox ul .xian{width:400px;height:1px;margin:0px auto;padding:0px;background-color:#fff;overflow:hidden;float:left; margin-left:1px; margin-top:-10px;}
.effect .r .smallBox ul li{
width:405px;
height:90px;
float:left;
margin-left:10px;
margin-right:10px;
cursor: pointer;
margin-bottom:1px;
margin-top:1px;
border-style: solid;
border-top-color:#F00;
line-height:20px;
font-size:14px;
color:#099;
margin-bottom:10px;
bottom:0px;
border-top-right-radius:25px;
border-bottom-right-radius:25px;
           -moz-opacity: 0.4; /* FF 3.5以下 */
             /* opacity: 0.3;FF 3.5及以上 */
            filter: alpha(opacity=30); /* IE6及以上 */
            background: #fff;

background:rgba(255, 255, 255, 0.4) none repeat scroll 0 0 !important;/*实现FF背景透明，文字不透明*/
filter:Alpha(opacity=50); background:#fff;
margin-bottom:20px;
}/*实现IE背景透明
background-color:#ffffff;

filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#44000000',endColorstr='#44ffffff'); 
*/
.effect .smallBox ul li span{ position:relative;/*实现IE文字不透明*/}

.effect .smallBox ul li span{margin-left:10px;color:#666; font-family:'微软雅黑';font-size:12px; }
.effect .smallBox ul li .l{ width:132px; height:67px; float:left;  line-height:67px; margin:10px 2px 0px 5px;border-right:1px solid #95745e;}
.effect .smallBox ul li .l img{ width:112px; height:67px; float:left; margin:0px 2px 0px 5px;vertical-align:middle;}
.effect .smallBox ul li .r{ width:212px; height:110px; float:left; }
.effect .smallBox ul li  .r .title{color:#9b7555; font-family:'微软雅黑';font-size:14px;float:right; text-align:left; margin-right:5px; width:212px; height:15px; margin-top:5px;}

.effect .smallBox ul li  .r .title span{color:#9b7555; font-family:'微软雅黑';font-size:14px;float:left; text-align:left; width:200px; }
.effect .smallBox ul li  .r .title span a{color:#9b7555; font-family:'微软雅黑';font-size:14px;float:left; text-align:left; width:200px; }
.effect .smallBox ul li  .r .contetn{color:#666; font-family:'微软雅黑';font-size:10px; float:right; margin-right:5px; width:212px; height:55px; line-height:20px; margin-top:5px;}
.effect .smallBox ul li  .r .contetn span{color:#666; font-family:'微软雅黑';font-size:10px; float:left;  width:200px; height:50px; line-height:18px; margin-top:5px;}
.effect .smallBox ul li  .djbf
{
float:left;width:40px; height:40px;
margin-top:25px;
margin-left:10px;
}
.effect .smallBox ul li span b{color:#666; font-family:'微软雅黑';font-size:12px;}

.effect .smallBox .on img {width:140px; height:83px;border:1px solid #9b7555;}
.effect .smallBox  .on .djbf img {width:40px; height:40px;border:0px solid #9b7555;}
.effect .smallBox .on span { color:#000; font-family:'微软雅黑'; font-size:12px; margin-left:10px;}
.effect .smallBox .on span .title{ color:#009ea7; font-family:'微软雅黑';  width:205px;font-size:14px; }


.effect .smallBox .prev { position: absolute; width: 1px; height: 1px; top: 10px;cursor: pointer;z-index: -999; left: 0;}
.effect .smallBox .next { position: absolute; width: 1px; height: 1px; top: 10px;cursor: pointer;z-index: -999; right: 0;}

.effect .details { width:100%; color:#3d393a; font-size:11pt; margin:10px auto; line-height:27px; margin:auto;}
.effect .details p { display:none;}
.effect .details p.on { display:block;}

