@width:<%=width%>px;
@height:<%=height%>px;

@lwidth: (@height);
@rwidth: (@width - @height);

@margintop: (@height * 0.025);
@lmarginlr: ((@lwidth - @contWidth) / 2);

@namemgl: (@contWidth * 0.065);

@contWidth:(@height * 0.85);
@imgHeight: ( @contWidth - 1px);
@infoHeight: (@imgHeight * 0.21);

//轮播条
@tagsHeight: (@height * 0.125);
@tagWidth: 18px;
@tagInterval: 10px;
@tagsPadingleft: ( (@lwidth - ( @tagWidth*8) - (@tagInterval * 7)) / 2 );

@rcontWidth: (@rwidth / 2);
@rcontHeight: (((@height - @margintop) / 2 ) + 1px);
@rimgWidth: (@rcontWidth - @rmgr);

@rpriceHeight: (@rcontHeight * 0.176);
@rfont: (@rpriceHeight * 0.6);
@rmgr: (@rcontWidth * 0.125);

.jdAdPn{ 
    width: @width;
    height: @height;
    position: relative;
    overflow: hidden;
}

.jdAdCol{
    
    float: left;
    *display: inline;
    height: @height;
    width: @lwidth;

    .jdAdCont{
        margin: @margintop @lmarginlr @tagsHeight @lmarginlr;
        
        height: @contWidth;
        width: @contWidth;

        .jdContInner{
            border:1px solid #ddd;
            width: @imgHeight;
            height: @imgHeight;
            position: relative;
        }

        ul{
            position: absolute;
            list-style-type: none;
            height: @infoHeight;
            width: @imgHeight;
            margin: 0px;
            padding: 0px;
            bottom: 0px;
            background-color: #fff;
            opacity: 0.85;
            filter:alpha(opacity=85); 
        }

        .jdAdName{
            font:  bolder 14px "Microsoft Yahei" ;
            margin:10px 0 2px @namemgl;
            height: 20px;
            overflow: hidden;
        }

        .jdAdPrice{
            font:  bold 16px "Microsoft Yahei" ;
            color: #ce2c37;
            margin-left: 20px;
            span{
                margin-left: 2px;
            }
        }

        .jdAdEvl{
            font: 12px "Helvetica, Tahoma, Arial, sans-serif" ;
            color: #ce2c37;
            margin-left: 10px;
        }

        img{
            height:@imgHeight;
            width: @imgHeight;
            border:0px;
        }

        .jdAdCover{
            left:0px;
            top:0px;
            height: @imgHeight;
            width: @imgHeight;
            position:absolute;
        }

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

    .jdAdList{
        position: absolute;
        list-style-type: none;
        height: @tagsHeight;
        bottom: 0px;
        margin: 0px;
        padding-left: @tagsPadingleft;
        display: inline;
        
        li{
            float: left;
            margin-right: @tagInterval;
            *overflow:hidden;
            *line-height:0px;
            *font-size:0px;
            *margin-top: 15px;
        }

        .jdAdLine{
            width: @tagWidth;
            height: 4px;
            background-color: #ddd;
        }

        .select .jdAdLine{
            display:block;
            height:4px;
            background-color: #ce2c37;
        }
    }
}

.jdAdRCol{
    width: @rwidth;
    height: (@height - @margintop);
    margin-top: 8px;
    float: right;
    overflow: hidden;

    .jdAdRCont{
        float: left;
        width: @rcontWidth;
        height: @rcontHeight;
    }

    .jdAdRContInner{
        position: relative;
        margin-right: @rmgr;
    }

    .jdAdCover{
        position: absolute;
        left:0;
        top:0;
        height: @rcontHeight;
        width: @rimgWidth;

        img{
            height: @rcontHeight;
            width: @rimgWidth;
            border:0px;
        }
    }
    
    .jdAdRImg{
        border: 1px solid #ddd;
        img{
            height:( @rimgWidth - 2px);
            width: ( @rimgWidth - 2px);
        }
    }


    .jdAdRPrice{
        width: @rimgWidth;
        height: (@rcontHeight - @rimgWidth );
        font:  bolder 14px "Microsoft Yahei" ;
        color: #ce2c37;
        text-align: center;
        line-height: 32px;

        span{
            margin-left: 2px;
        }
    }
}