.frame { width: 100%; height: 63px; padding: 0; background:white;}
.frame .slidee { margin: 0; padding: 0; height: 100%; list-style: none; }
.frame .slidee li {    float: left;
    margin: 4px 0px 0 0;
    padding: 0;
    width: 90px;
    height: 100%;}
.frame .slidee li img{    height: 25px;     margin-left: 30px;}
.frame .slidee li div{
    font-size: 13px;
    text-align: center;
    color:#888787;
}
.frame .item.active div{color:#000 !important;font-weight:bold;}

.scrollbar { width: 100%; height: 3px;  background:white;}
.scrollbar .handle {
    width: 100px; /* overriden if dynamicHandle: 1 */
    height: 100%;
    background: #222;
}
.middle-marker{
    background: url(../images/arrow_center.png) no-repeat top center;
    width: 100%;
        height: 13px;
    margin-top: -12px;
}


.frameMatch { width: 100%; height: 100px; padding: 0; background:white;}
.frameMatch .slideeMatch { margin: 0; padding: 0; height: 100%; list-style: none; }
.frameMatch .slideeMatch li {    float: left;
    padding: 0;
    width: 270px;
    height: 100%;}

.frameImage { width: 100%; height: 20vw; min-height:290px; padding: 0;     background: #000000 !important;}
.frameImage .slideeImage { margin: 0; padding: 0; height: 100%; list-style: none; }
.frameImage .slideeImage li {    float: left;
    padding: 0;
    width: 100%;
    height: 100%;background:black;}