.hotAuction {
    width:1188px;
    height:288px;
    border:1px solid #e5e5e5;
    margin-bottom:20px;
    background:#fff;
    position: relative;
}
.hotAuction:hover{
    filter:
            progid:DXImageTransform.Microsoft.Shadow(Color=#dddddd, Strength=3, Direction=100),
            progid:DXImageTransform.Microsoft.Shadow(Color=#dddddd, Strength=3, Direction=-100),
            progid:DXImageTransform.Microsoft.Shadow(Color=#dddddd, Strength=4, Direction=180);
    -webkit-box-shadow: 0 3px 8px #ddd;
    -moz-box-shadow: 0 3px 8px #ddd;
    box-shadow: 0 3px 8px #ddd;
}
.hotAuction-top {
    height:48px;
    line-height: 48px;
    border-bottom:1px solid #e5e5e5;
    padding:0 19px;
    width:1150px;
}
.hotAuction-top .hot-label {
    padding:0 10px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    background:#e44835;
    height:24px;
    line-height:24px;
    display:inline-block;
    color:#fff;
    margin-right: 20px;
}
.hotAuction-count {
    float:right;
    font-size:14px;
    cursor: pointer;
    position: relative;
}
.hotAuction-count .flagIcon{
    border:1px solid #ddd;
}
.flagName {
    position: absolute;
    top:42px;
    right:0;
    height:30px;
    line-height:30px;
    display: none;
    z-index:5;
    filter:
            progid:DXImageTransform.Microsoft.Shadow(Color=#dddddd, Strength=2, Direction=100),
            progid:DXImageTransform.Microsoft.Shadow(Color=#dddddd, Strength=2, Direction=-100),
            progid:DXImageTransform.Microsoft.Shadow(Color=#dddddd, Strength=5, Direction=180);
    -webkit-box-shadow: 0 3px 8px #ddd;
    -moz-box-shadow: 0 3px 8px #ddd;
    box-shadow: 0 3px 8px #ddd;
    *z-index:1000;
    *zoom:1;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.flagName p{

    float:left;
}
.grayBox-left,.grayBox-right{
    height:30px;
    line-height:30px;
    background:url("/resources/assert/images/dis-left.png") no-repeat;
    width:10px;
    *margin-top:3px;

}
.grayBox-right{
    background:url("/resources/assert/images/dis-right.png") no-repeat;
    border:none;
}

.flagName .box-content {
    background:#f5f5f5;
    border: 1px solid #cbcbcb;
    border-left:none;
    border-right:none;
    height:28px;
    line-height: 28px;
   overflow: hidden;
    padding:2px 0 5px\9;
    *padding:4px 0 4px;
}

.hot-time-content{
    position:absolute;
    left:20px;
    top:142px;
    right:inherit;
}
.hot-time-content .box-content{
    padding:4px 0 7px\9;
    *padding:5px 0 6px;
}

.star-null {
    margin-left:7px;
}
.star-null img {
    margin-left:3px;
    margin-top:-2px;
}
.hotAuction-count em{
    margin:0 20px;
    color:#cccccc;
}
.flagIcon img{
    width:36px;
    height:24px;
    display: inline-block;
}

/*icon*/
.video-icon img{
    vertical-align: middle;
    margin-right:6px;
    margin-top:-3px;
}
.hotAuction-content {
    height:239px;
}
.hot-cont-left {
    height:220px;
    width:940px;
    padding:10px 0 9px 9px ;
    float: left;
    position: relative;
    overflow: hidden;
    *z-index:1;
    background: url("/resources/assert/images/940220.png") no-repeat;
    background-size:cover;
}
.hot-prve,.hot-next {
    position: absolute;
    width:30px;
    height:80px;
    top:50%;
    margin-top:-40px;
    left:0;
    background:url("/resources/assert/images/dw-right.png") no-repeat;
    z-index: 5;
    cursor: pointer;
    display: none;
}
.hot-next {
    display: block;
    left:1158px;
    background:url("/resources/assert/images/dw-left.png") no-repeat;
}
.hot-cont-box {
    height:220px;
    clear: both;
    position: absolute;
    left: 10px;
    top: 10px;
    *z-index:2;
    width: 3000px;
}
.hot-cont-box li img{width:auto;max-height:220px;height:auto;vertical-align: middle;}
.hot-cont-box li {
    float: left;
    margin-right:10px;
    height:220px;
    cursor: pointer;
    position: relative;
    *z-index:4;
    line-height:220px;
    vertical-align: middle;
}
.hot-cont-box li .hot-tips{
    display: none;
    padding-left:14px;
    position: absolute;
    height:auto;
    top:50%;
    margin-top:-30px;
    background: url("/resources/assert/images/hot-tips-dian.png") no-repeat left center;
    z-index: 999;
    overflow: hidden;
}
.hot-cont-box li .hot-tip-spcl{
    padding-right:14px;
    padding-left:0;
    background: url("/resources/assert/images/hot-tips-dian.png") no-repeat right center;
}
.tip-bgBox {
    height:auto;
    width: 162px;
    /*background-color: rgba(48,48,49,0.8);*/
    background: url("/resources/assert/images/left_cosan.png") no-repeat left center;
    overflow: hidden;
    margin-left:4px;
}
.tip-bgBox-rc{
    background: url("/resources/assert/images/cosan.png") no-repeat right center;
    margin-left:0;
    margin-right:4px;
}
.tip-bgBox-center {
    height:auto;
    padding:5px 11px 0;
    background-color: rgba(48,48,49,0.8);
    display: block;
    float: left;
    color:#fff;
    width:128px;
    line-height:26px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-left:12px;

}

.tip-bgBox-center .tip-bgBox-name{
    display: block;
    max-width: 150px;
    max-height:72px;
    line-height:24px;
    color:#fff;
    overflow:hidden;
    /*text-overflow:ellipsis; white-space:nowrap; overflow:hidden;/!*??????????????*!/*/
}
.tip-bgBox-center .tip-bgBox-name a{
    color:#fff;
}
.tip-bgBox-center span em{
    font-size:18px;
    color:#e44835;
    margin-left:4px;
}
.tip-bgBox-price span{
    margin: 0 4px;
}
.tip-bgBox-left,.tip-bgBox-right{
    display: block;
    width:20px;
    height:60px;
    background: url("/resources/assert/images/hot-tips-left.png") no-repeat;
    float: left;
}
.tip-bgBox-right{
    background: url("/resources/assert/images/hot-tips-right.png") no-repeat;
    width:8px;
}
.tip-bg-left{
    width:8px;
    background: url("/resources/assert/images/hot-tips-res-right.png") no-repeat;
}
.tip-bg-right{
    width:20px;
    background: url("/resources/assert/images/hot-tips-res-left.png") no-repeat;
}
.hot-cont-right {
    width:198px;
    height:239px;
    float: left;
    border-left:1px solid #e5e5e5;
    padding:0 19px;
    position: relative;
}
.hot-cont-right h4{
    font-weight: 100;
    font-size: 18px;
    line-height:26px;
    margin-top:15px;
    height:52px;
    overflow: hidden;
    color:#111;
}
.hot-count{
    height:38px;
    line-height:18px;
    color:#999999;
    font-size:12px;
}
.hot-count a:hover{
    text-decoration: underline;
}
.hot-time {
    height:52px;
    line-height:52px;
    font-size:14px;
    color:#666666;
    cursor: pointer;
    position: relative;
}
.hot-time sapn {
    color:#e44835;
}
.hot-time-red{
    color:#e44835;
}
.hot-time-red a{
    float: right;
    color:#0088cc;
}
.hot-time-gray{
    color:#999999;
}
.hot-remind {
    position: absolute;
    top:108px;
    left:184px;
    width:38px;
    height:40px;
    text-align: center;
    background:url("/resources/assert/images/hot-remind.png") no-repeat;
    cursor: pointer;
}
.hot-remind:hover{
    background:url("/resources/assert/images/hot-remind-hover.png") no-repeat;
}
.hot-remind-ed{
    background:url("/resources/assert/images/hot-remind-ed.png") no-repeat;
}
.hot-remind-ed:hover{
    background:url("/resources/assert/images/hot-remind-ed.png") no-repeat;
}
.hot-more {
    margin-top:16px;
    height: 40px;
    width:200px;
    display: block;
    color:#fff;
    line-height:40px;
    text-align: center;
    font-size:16px;
    background:url("/resources/assert/images/hot-btn-normal.png") no-repeat;
}
.hot-more:hover{
    color:#fff;
    background:url("/resources/assert/images/hot-btn-hover.png") no-repeat;
}
.hot-more:active{
    color:#fff;
    background:url("/resources/assert/images/hot-btn-active.png") no-repeat;
}
.hot-label-zijin{
    cursor: pointer;
}
.yichu2 {
    position: absolute;
    top: 55px;
    left: 62px;
    padding: 21px 17px;
    border: 1px solid #e44835;
    border-radius: 5px;
    background-color: #FFF;
    /* border: 1px solid #e5e5e5; */
    z-index: 1;
    width: 186px;
    text-align: justify;
    box-shadow: 0 0 5px #ddd;
    display: none; 
}
.changconh {
    position: relative;
    width: 36px;
}

/*.introduceBox span {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 24px;
    display: block;
}*/
.changmaskh {
    display: block;
    width: 14px;
    height: 14px;
    background: #ffffff;
    border: 1px solid #e44835;
    transform: rotate(-45deg);
    position: absolute;
    top: -30px;
    left: 94px;
    color: #e44835;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 24px;
    display: block;
}
.maskwhiteh {
    display: block;
    width: 16px;
    height: 16px;
    background: #fff;
    transform: rotate(-45deg);
    position: absolute;
    top: -28px;
    left: 94px;
}