﻿.foucebox .showDiv.js { width: 90%; margin: 10px auto 0 auto; }
.foucebox { width: 1000px; height: 402px; background: #fff; margin: 4px auto; }
    .foucebox .bd { position: relative; float: left; width: 720px; height: 400px; overflow: hidden; }
    .foucebox .showDiv { position: relative; width: 720px; height: 400px; }
        .foucebox .showDiv img { width: 720px; height: 400px; }
        .foucebox .showDiv p { position: absolute; left: 20px; bottom: 0; padding-right: 20px; color: #aaa; z-index: 9; height: 44px; }
        .foucebox .showDiv h2 { position: absolute; left: 8px; bottom: 0; width: 380px; height: 28px; _background: none; _padding-left: 0; font-size: 14px; font-family: "Microsoft Yahei"; line-height: 28px; z-index: 9; overflow: hidden; }
            .foucebox .showDiv h2 a { color: #fff; font-weight: normal; font-size: 14px; }
    .foucebox .foucebox_bg { position: absolute; left: 0; bottom: 0; width: 720px; height: 30px; background: #000; filter: alpha(opacity=60); opacity: 0.6; z-index: 8; overflow: hidden; }
    .foucebox .hd {width: 274px;height: 400px;float: right;margin: 4px 0;}
        .foucebox .hd ul li {width: 128px;height: 91px;float: left;margin: 0 0 10px 4px;display: inline;position: relative;}
        .foucebox .hd ul a {display: block;width: 128px;height: 91px;}
        .foucebox .hd ul img {width: 122px;height: 84px;border: 3px solid #2b2b2b;margin: 0 !important;}
        .foucebox .hd ul .txt_bg {width: 122px;height: 24px;position: absolute;left: 3px;top: 63px;_background: none;}
        .foucebox .hd ul .txt {width: 117px;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: 122px;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); }
