﻿body {
}

/*-------------Flash闪图样式 --------------*/

/* Flash闪图特效样式代码  --  开始*/

.Flash_Div
{
float:left;
/*width:425px;*/
width:625px;
color: #8B8B8B; 
background-color: #FFF; 
font-size: 12px; 
line-height: 1.5em; 

border:0px solid green;
}
Flash_Div, h3, p, ul, li { margin: 0; padding: 0; }
.Flash_Div h3 { font-size: 100%; }
.Flash_Div li { list-style: none; }
.Flash_Div img { border: 0 none; -ms-interpolation-mode: bicubic; }
.Flash_Div a { color: #515151; text-decoration: none; }
.Flash_Div a:hover { color: #333; }

.mod_focus_show { /*width: 420px; height: 244px;*/ width: 600px; height: 400px; position: relative; overflow: hidden; margin: 0 auto;   border:0px solid orange;}
.mod_focus_show .mod_focus_pic { display: block; /*width: 420px; height: 192px; */  width: 600px; height: 330px;}
.mod_focus_show .mod_focus_pic li, .mod_focus_show .mod_focus_pic a, .mod_focus_show .mod_focus_pic img { display: block; /*width: 420px; height: 192px;*/ width: 600px; height: 330px;}
.mod_focus_show .mod_focus_pic li { position: absolute; left: 0; top: 0; }

/*By Goo:在前面default页面上面写了一些样式，但和下面的冲突，先注释掉*/
/*
.mod_focus_show .mod_focus_title { position: absolute; z-index: 1; left: 0; bottom: 70px; overflow: hidden; zoom: 1; /*width: 420px; height: 25px;*/ /*width: 600px; height: 25px; background-color: rgba(0,0,0,.8); filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#CC000000',endColorstr='#CC000000'); background-image: url(about:blank); }
:root .mod_focus_title { filter: none; }
.mod_focus_show .mod_focus_title li { /*width: 354px;*/ /*width: 600px; padding: 0 0 0 20px; overflow: hidden; word-break: keep-all; word-wrap: keep-all; white-space: nowrap; table-layout: fixed; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
.mod_focus_show .mod_focus_title li h3 { margin-left:30px;line-height:0px; _line-height: 55px; font-size: 14px; font-family: "Microsoft Yahei",Tahoma,Geneva; font-weight: 500; }
.mod_focus_show .mod_focus_title li h3 a { padding-top:0px;margin-top:0px; color: #98e404; }
*/


.focus_switch { width: 52px; height: 20px; position: absolute; z-index: 2; right: 15px; bottom: 70px; border:0px solid blue;}
.focus_switch a { float: left; width: 25px; height: 20px; background-image: url(../Images/icon_focus_switch.png); background-repeat: no-repeat; cursor: pointer; }
.focus_switch .icon_prev { background-position: 0 0; margin: 0 1px 0 0; }
.focus_switch .icon_prev:hover { background-position: -18px 0; }
.focus_switch .icon_next { background-position: -56px 0; }
.focus_switch .icon_next:hover { background-position: -54px 0; }
.mod_focus_show .mod_focus_list { padding: 8px 5px 8px 5px; background: #000; overflow: hidden; height: 56px; }
.mod_focus_show .mod_focus_list li { /*width: 36px; height: 36px; */ width: 56px; height: 56px; float: left; margin: 0 4px 0 5px; position: relative; *display: inline; }
.mod_focus_show .mod_focus_list li a { display: block; width: 56px; height: 56px; }
.mod_focus_show .mod_focus_list li img { display: block; width: 56px; height: 56px; }
.mod_focus_show .mod_focus_list li a:hover { _background: none; }
.mod_focus_show .mod_focus_list li a:hover .mask, .mod_focus_show .mod_focus_list .current .mask { display: none; }
.mod_focus_show .mod_focus_list li .mask { display: block; height: 56px; width: 56px; position: relative; top: -56px; margin: 0 0 -56px; left: 0; bottom: 0; background: #000; opacity: .5; filter: alpha(opacity=50); }
.mod_focus_show .mod_focus_list li .border { display: none; }
.mod_focus_show .mod_focus_list .current .border { display: block; height: 5px; width: 56px; font-size: 0; overflow: hidden; position: absolute; left: 0; bottom: 0; background: #98e404; }

/* Flash闪图特效样式代码  --  结束*/
