﻿.foucebox .showDiv.js { width: 90%; margin: 10px auto 0 auto; }
.foucebox { width: 850px; height: 402px; background: #fff; margin: 4px auto; }
.foucebox .bd { position: relative; float: left; width: 600px; height: 400px; overflow: hidden; }
.foucebox .showDiv { position: relative; width: 600px; height: 400px; }
.foucebox .showDiv img { width: 600px; height: 400px; }
.foucebox .showDiv p { position: absolute; left: 20px; bottom: 0; padding-right: 20px; color: #aaa; z-index: 9; height: 44px; }
.foucebox .showDiv span { position: absolute; left: 8px; bottom: 0; width: 100%; height: 28px; _background: none; _padding-left: 0; font-size: 14px; font-family: "Microsoft Yahei"; line-height: 28px; z-index: 9; overflow: hidden; }
.foucebox .showDiv span a { color: #fff; font-weight: normal; font-size: 14px; }
.foucebox .foucebox_bg { position: absolute; left: 0; bottom: 0; width: 600px; height: 30px; background: #000; filter: alpha(opacity=60); opacity: 0.6; z-index: 8; overflow: hidden; }
.foucebox .hd { width: 244px; height: 400px; float: right; margin: 4px 0; }
.foucebox .hd ul li { width: 114px; height: 91px; float: left; margin: 0 0 10px 4px; display: inline; position: relative; }
.foucebox .hd ul a { display: block; width: 114px; height: 91px; }
.foucebox .hd ul img { width: 108px; height: 84px; border: 3px solid #2b2b2b; margin: 0 !important; }
.foucebox .hd ul .txt_bg { width: 108px; height: 24px; position: absolute; left: 3px; top: 63px; _background: none; }
.foucebox .hd ul .txt { width: 103px; height: 24px; line-height: 24px; color: #fff; position: absolute; left: 4px; bottom: 4px; z-index: 2; text-align: center; padding-right: 5px; overflow: hidden; }
.foucebox .hd ul .mask { width: 108px; height: 85px; display: block; position: absolute; left: 3px; bottom: 3px; z-index: 3; filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#66000000', endColorstr='#66000000'); background: rgba(0,0,0,0.4); }
.foucebox .hd ul a:hover .mask, .foucebox .hd ul .on .mask { display: none; position: relative; }
.foucebox .hd ul a:hover img, .foucebox .hd ul .on img { border-color: rgba(0,0,0,0.6); }
.foucebox .hd ul a:hover { color: #fff; }
.foucebox .hd ul a:hover .txt_bg { background: rgba(0,0,0,0.6); }
