@width:<%=width%>px;
@height:<%=height%>px;
@ulMarginLeft:5px;
@ulWidth:(((@width - @height)/3) - @height - 68px - @ulMarginLeft - 3px);
@tagListHeight:(@height/3 - 1px);
@coverHeight:@height;
@coverWidth:(((@width - @height)/3) - 68px);
@modNumbersWidth:((@width - @height)/3);
body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,textarea,p,img {
    margin: 0;
    padding: 0
}
body {
    font: 12px/1.75 Tahoma,Arial;
    color: #000;
    background-color: #fff
}
ul,li {
    list-style-type: none
}
img {
    border: 0
}
.jdAdFs14 {
    font-size: 14px
}
.yh {
    font-family: "Microsoft Yahei"
}
.yh18 {
    font: 18px "Microsoft Yahei"
}
.jdAdCred {
    color: #c91521;
}
a {
    color: #006a92;
    text-decoration: none
}
a:hover {
    text-decoration: underline
}
a:focus {
    outline: 0
}
.jdAdW644 {
    width: @width;
}

.jdAdPn {
    position: relative;
    *zoom: 1;
    height: @height;
    .jdContInner {
        height: @height;
        overflow: hidden;
        background: #fff;
    }
    .jdAdInner{
        padding-left: @height;
    }
    .jdAdLogo{
        position: absolute;
        top: 0;
        left: 0;
        width: @height;
        height:@height;
        overflow: hidden;
        background-color: #c91521;
        a {
            display: block;
            text-align: center;
        }
         img {
            position: absolute;
            top: 50%;
            left: 50%;
            margin: -16px 0 0 -40px
        }
    }
    .jdAdCol {
        width: @modNumbersWidth;
        position: relative;
        float: left;
        height: @height;
    }
    .jdAdCont {
        overflow: hidden;
        padding-right: 70px;
        font-family: "Microsoft Yahei";
        height: @height;
        .jdAdPrice {
            word-wrap: break-word;
            word-break: normal;
            overflow: hidden
        }
        .jdAdName {
            height: 34px;
            line-height: 17px;
            overflow: hidden;
        }
        ul {
            float: right;
            display: inline;
            margin-left:@ulMarginLeft;
            margin-top: 6px;   
            overflow: hidden;
            width: @ulWidth;
        }
        li {
            margin: 0px;
            padding: 0px;
            height: 24px;
            word-wrap:break-word;
            word-break:normal;
            _line-height: 18px;
            _margin-left:-15px;
            

            .tag_title {
                color: #fff;
                background: #e4393c;
                padding: 2px 2px 1px;
                _margin-bottom:7px;
                line-height: 12px;
                margin-right: 5px;
                display: inline-block;
                *display: inline;
                font-weight: 100;
                *zoom: 1;
            }

        }
        .font-wei{
            padding-top: 4px;
            font-weight: bold;
        }
        .hei_20{
            height: 20px;
        }
        .jdAdImg {
            float: left;
            display: inline;
            width: @height;
            height: @height;
            margin-left: 1px;
            text-align: center;
            img {
                display: inline-block;
                width: @height;
                height: @height;
            }
        }
        .jdAdCover{
            position: absolute;
            left:0;
            top:0;
            img{
                width:@coverWidth;
                height:@coverHeight;
            }
        }
    }
    .jdAdList {
        position: absolute;
        top: 0;
        right: 0;
        width: 68px;
        z-index: 3;
        li {
            height: @tagListHeight;
            line-height: @tagListHeight;
            overflow: hidden;
            background-color: #e4e3e3;
            border-bottom: 1px solid #fff;
            text-align: center;
            cursor: pointer;
            vertical-align: text-top;
            a{
                color: #000;
            }
            
        }
        .select {
            background-color: #c91521;
            a{
                color: #fff;
            }
            a:hover{
                text-decoration: none;
            }
        }
    }
    .jdAbLogoBot {
        display: inline-block;
        position: absolute;
        bottom: 1px;
        right: 0;
        width: 18px;
        height: 18px;
        overflow: hidden;
        line-height: 999px;
        background: url(http://img11.360buyimg.com/da/g15/M05/0E/1C/rBEhWlJYrAEIAAAAAAACetYAYQwAAECuwP__W4AAAKS951.png) no-repeat top right;
        z-index: 11;
        &:hover{
            width: 75px;
            background: url(http://img12.360buyimg.com/da/g13/M09/10/03/rBEhVFJYrDAIAAAAAAAHoRFcOGsAAECrwP_uYQAAAe5174.png);
        }
    }
}