/*½Ή΅γΝΌ*/
.focus { position: relative; width: 100%; height: 400px; background: #000; font-size: 16px; }
.focus .shadow { width: 100%; position: absolute; bottom: 0; left: 0px; z-index: 10; height: 50px; line-height: 50px; background: rgba(0,0,0,0.6); filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0, startColorstr = '#80000000', endColorstr = '#80000000')\9;
display: block; text-align: left; }
.focus .shadow a { text-decoration: none; color: #fff; overflow: hidden; padding-left: 2%;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap; }
.focus .fcon { position: relative; width: 100%; display: none; background: #000 }
.focus .fcon img { max-width: 100%; min-height: 100%; max-height:400px; height:400px; }
.focus .fbg { bottom: 12px; right: 14px; position: absolute; height: 14px; text-align: center; z-index: 200; }
.focus .fbg div { overflow: hidden; zoom: 1; height: 14px }
.focus .fPic { display: -webkit-flex; display: flex; }
.focus .D1fBt { overflow: hidden; zoom: 1; height: 14px; z-index: 10; }
.focus .D1fBt a { position: relative; display: inline; width: 12px; height: 12px; border-radius: 7px; margin: 0 5px; color: #B0B0B0; font: 12px/15px "\5B8B\4F53"; text-decoration: none; text-align: center; outline: 0; float: left; background: #eee; }
.focus .D1fBt .current, .focus .D1fBt a:hover { background: #f40; }
.focus .D1fBt img { display: none }
.focus .D1fBt i { display: none; font-style: normal; }
.focus .prev, .focus .next { position: absolute; width: 40px; height: 74px;/*background: url(../images/focus_btn.png) no-repeat;*/ }
.focus .prev { top: 50%; margin-top: -37px; left: 0; background-position: 0 -74px; cursor: pointer; }
.focus .next { top: 50%; margin-top: -37px; right: 0; background-position: -40px -74px; cursor: pointer; }
.focus .prev:hover { background-position: 0 0; }
.focus .next:hover { background-position: -40px 0; }
 @media screen and (max-width: 768px) {
.focus { height: auto; width: auto; }
}
 @media screen and (max-width: 480px) {
	 
.focus { height: auto; font-size: 14px; }
.focus .fcon img { max-width: 100%; min-height: 100%; max-height:260px; height:260px; }
.focus .shadow { z-index: 10; height: 30px; line-height: 28px; }
.indsz_img { width: 100%; }
.focus .fbg { bottom: 10px; right: 10px; position: absolute; height: 8px; }
.focus .D1fBt { height: 8px; z-index: 10; }
.focus .D1fBt a { width: 8px; height: 8px; }
}
 @media screen and (max-width: 375px) {
.focus { height: auto; font-size: 12px; }
.focus .fcon img { min-width: 100%; min-height: 100%;max-height:200px; height:200px; }
.focus .shadow { z-index: 10; height: 30px; line-height: 28px; }
.indsz_img { width: 100%; }
.focus .fbg { bottom: 10px; right: 4px; position: absolute; height: 8px; }
.focus .D1fBt { height: 8px; z-index: 10; }
.focus .D1fBt a { width: 8px; height: 8px; }
.focus .shadow a { width: 70%; text-decoration: none; color: #fff; overflow: hidden; padding-left: 2%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; word-break: break-all; }
}
 @media screen and (max-width: 320px) {
.focus .fcon img { min-width: 100%; min-height: 100%;max-height:180px; height:180px; }
}