@charset "utf-8";
/* css document */
.mod_focus_show { width: 100%; height:auto; position: relative; overflow: hidden; margin: 0 auto; }
.mod_focus_show .mod_focus_pic { display: block; width: 100%; height: auto; }
.mod_focus_show .mod_focus_pic li, .mod_focus_show .mod_focus_pic a, .mod_focus_show .mod_focus_pic img { display: block; width: 100%; height:100%; }
.mod_focus_show .mod_focus_pic li { position: absolute; left: 0; top: 0; }
.mod_focus_show .mod_focus_title { display:none; }

.mod_focus_show .focus_switch { width:98%; height: 75px; position: absolute; z-index: 2; padding-right:1%;padding-left:1%; top: 165px; }
.mod_focus_show .focus_switch a {  width:75px; height: 75px; background-image: url(/uploads/image/timages/icon_focus_switch2.png); background-repeat: no-repeat; cursor: pointer; }
.mod_focus_show .focus_switch .icon_prev { background-position: 0 0; margin: 0 1px 0 0; float:left; }
.mod_focus_show .focus_switch .icon_prev:hover { background-position: -76px 0; }
.mod_focus_show .focus_switch .icon_next { background-position: -152px 0; float:right;}
.mod_focus_show .focus_switch .icon_next:hover { background-position: -228px 0; }

.mod_focus_show .mod_focus_list { padding: 5px 5px; background-color:#464646;width:100%; overflow: hidden; height: 50px; position:relative; bottom:0px; }
.mod_focus_show .mod_focus_list li { width: 80px; height: 50px; float: left; margin: 0 4px 0 5px; position: relative; *display: inline; }
.mod_focus_show .mod_focus_list li a { display: block; width: 80px; height: 50px; }
.mod_focus_show .mod_focus_list li img { display: block; width: 80px; height: 50px; }
.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: 50px; width: 80px; position: relative; top: -50px; margin: 0 0 -50px; eft: 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: 80px; font-size: 0; overflow: hidden; position: absolute; left: 0; bottom: 0; background: #f00; }

@media screen and (max-width:768px) {
.mod_focus_show .mod_focus_pic { display: block; width: 100%; height: auto; }
.mod_focus_show .mod_focus_pic li, .mod_focus_show .mod_focus_pic a, .mod_focus_show .mod_focus_pic img { display: block; width: 100%; height:100%; }
.mod_focus_show .mod_focus_pic li { position: absolute; left: 0; top: 0; }

.mod_focus_show .focus_switch { width:98%; height: 29px;position: absolute; z-index: 2; padding-right:1%;padding-left:1%;top: 60px;}
.mod_focus_show .focus_switch a {  width: 29px; height: 29px; background-image: url(/uploads/image/timages/icon_focus_switch.png); background-repeat: no-repeat; cursor: pointer; }
.mod_focus_show .focus_switch .icon_prev { background-position: 0 0; margin: 0 1px 0 0; float:left; }
.mod_focus_show .focus_switch .icon_prev:hover { background-position: -30px 0; }
.mod_focus_show .focus_switch .icon_next { background-position: -60px 0; float:right;}
.mod_focus_show .focus_switch .icon_next:hover { background-position: -90px 0; }

.mod_focus_show .mod_focus_list { padding: 10px 5px; background: #000; overflow: hidden; height: 40px;  position:relative; bottom:0px;}
.mod_focus_show .mod_focus_list li { width: 60px; height: 40px; float: left; margin: 0 4px 0 5px; position: relative; *display: inline; }
.mod_focus_show .mod_focus_list li a { display: block; width: 60px; height: 40px; }
.mod_focus_show .mod_focus_list li img { display: block; width: 60px; height: 40px; }
.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: 40px; width: 60px; position: relative; top: -40px; margin: 0 0 -40px; eft: 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: 60px; font-size: 0; overflow: hidden; position: absolute; left: 0; bottom: 0; background: #f00; }
}

/*<480*/
@media screen and (max-width: 480px) {
.mod_focus_show .focus_switch { width:98%; height: 29px;position: absolute; z-index: 2; padding-right:1%;padding-left:1%;top:35px;}

.mod_focus_show .mod_focus_list { padding: 5px 5px; background: #000; overflow: hidden; height: 30px;  position:relative; bottom:0px;}
.mod_focus_show .mod_focus_list li { width: 50px; height: 30px; float: left; margin: 0 4px 0 5px; position: relative; *display: inline; }
.mod_focus_show .mod_focus_list li a { display: block; width: 50px; height: 30px; }
.mod_focus_show .mod_focus_list li img { display: block; width: 50px; height: 30px; }
.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: 30px; width: 50px; position: relative; top: -30px; margin: 0 0 -30px; eft: 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: 2px; width:50px; font-size: 0; overflow: hidden; position: absolute; left: 0; bottom: 0; background: #f00; }
}

@media screen and (max-width: 320px) {
.mod_focus_show{ display:none;}
/*	
.mod_focus_show .focus_switch { width:98%; height: 29px;position: absolute; z-index: 2; padding-right:1%;padding-left:1%;top:30px;}	

.mod_focus_show .mod_focus_list { padding: 5px 5px; background: #000; overflow: hidden; height: 20px;  position:relative; bottom:0px;}
.mod_focus_show .mod_focus_list li { width: 50px; height: 20px; float: left; margin: 0 4px 0 5px; position: relative; *display: inline; }
.mod_focus_show .mod_focus_list li a { display: block; width: 50px; height: 20px; }
.mod_focus_show .mod_focus_list li img { display: block; width: 50px; height: 20px; }
.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: 20px; width: 50px; position: relative; top: -20px; margin: 0 0 -20px; eft: 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: 2px; width:50px; font-size: 0; overflow: hidden; position: absolute; left: 0; bottom: 0; background: #f00; }
*/
	}