@width: <%=width%>px;
@height: <%=height%>px;

@logoHeight: 20px;
@contHeight: (@height - @logoHeight - @tagsHeight);
@tagsHeight: 25px; /* 促销信息宽度设定 */
@margintb: ( @contHeight - @width);


body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, input, textarea, p, img, em {
    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
}
.jdAdLeft {
    float: left;
}
.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
}
.jdAdPn {
    position: relative;
    *zoom: 1;
    height: @height;
    width: @width;
    /* border: 1px solid #000;
    */
        
    .jdAdInner {
        border: 1px solid #eee;
        position: relative;
        /* border: 1px solid #000;
        */
    }
    .jdAdLogo {
        background-color: #c81623;
        text-align: center;
        margin: -1px -1px 0;
        overflow: hidden;
        position: relative;
        a {
            display: block;
            width: @width;
            height: @logoHeight;
        }
        img {
            position: absolute;
            left: 50%;
            margin-left: -240px;
        }
    }
    .jdAdCol {
        height: ( @height - @logoHeight - 2);
        overflow: hidden;
    }
    .jdAdGroup {
        display: none;
    }

    .current {
        display: block;
    }

    .jdAdContInner {
        position: relative;
        .jdAdWorld{
            position:absolute;
            left:5px;top:5px;
            width:61px;
            height:16px;
        }
        ul {
            width: @width;
            height: 40px;
            position: absolute;
            bottom: 0;
            left: 0;
            background-color: #fff;
            //opacity: 0.8;
            filter: alpha(opacity=80);
            background-color: rgba(255,255,255,0.8);
            .jdAdName {
                width: ((@width) - 20px);
                height: 20px;
                line-height: 20px;
                word-break: normal;
                overflow: hidden;
                text-align: center;
            }
            .jdAdPrice {
                word-wrap: break-word;
                word-break: normal;
                overflow: hidden;
                font-size: 14px;
                font-weight: bold;
                margin: auto;
            }
            .jdAdPromo{
                height: 20px;
            }
        }
        
        /* 如果高度过高，图片上下加边距 */
        .jdAdImg {
            text-align: center;
            img {
                width: @contHeight;
                height: @contHeight;
            }
        }
        .jdAdPromo {
            float: left;
            display: inline;
            margin-left: 5px;
            margin-top: 2px;
            height: 16px;
            overflow: hidden;

        }
        li {
            padding-left: 10px;
            line-height: 24px;
            font-family: "Microsoft Yahei";
            height: 24px;
        }
        .jdAdCover {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            img {
                width: 100%;
                height: 100%;
            }
        }
    }
    .jdAdList {
        position: absolute;
        padding-left: 17px;
        height: @tagsHeight;
        bottom: 0;
        left: 0px;
        z-index: 3;
        li.jdAdLine  {
            float: left;
            display: inline;
            margin-right: 12px;
            margin-top: 10px;
            width: 14px;
            height: 20px;
            line-height: 122px;
            overflow: hidden;
            text-align: center;
            cursor: pointer;
            color: #999;
            p{
                width: 16px;
                height: 4px;
                overflow: hidden;
                font-size: 0;
                background-color: #dddddd;
            }      
        }
        li.select p{
            background-color: #c91521;
        }
    }
    .jdAbLogoBot {
        display: inline-block;
        position: absolute;
        bottom: 1px;
        right: 1px;
        width: 18px;
        height: 18px;
        overflow: hidden;
        line-height: 999px;
        background: url(http://img12.360buyimg.com/da/g13/M09/10/03/rBEhVFJYrDAIAAAAAAAHoRFcOGsAAECrwP_uYQAAAe5174.png) no-repeat top left;
        z-index: 11;
        &:hover {
            width: 75px;
        }
    }
}