﻿/*News*/
.home-newsoption
{
    width: 100%;
    overflow: hidden;
    margin-bottom:10px;
}
.home-newsoption h3
{
    display: block;
    overflow: hidden;
    border-bottom: 1px solid #eee;
    background: #fff;
    line-height: 42px;
    padding-left: 8px;
}
.home-newsoption h3 a
{
    padding: 10px 0;
    font-size: 14px;
    color: #e3007b;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 40px;
}
.home-newsoption .ns-list
{
    display: block;
    overflow: hidden;
    height: 100px;
}
.home-newsoption .ns-list li
{
    display: block;
    padding: 6px 9px;
    border-bottom: 1px solid #ededed;
    background: #fff;
    margin-bottom:0;
}
.home-newsoption .ns-list li a
{
    display: block;
    overflow: hidden;
    height: 38px;
    text-decoration: none;
    display: inline;
    overflow: hidden;
    line-height: 1.4em;
    font-size: 14px;
    color: #333;
}
/*HOME GIÁ RẺ*/
.home-pl-giare-bg
{
    display:block;
    margin:0 0 10px 0;    
}
.home-pl-giare-menu
{
    background-color:#fff;
    width:100%;
    overflow:hidden;
    height:70px;
    border-bottom:2px solid #71a4d4;
}
.home-pl-giare-menu ul li
{
    float:left;
    padding: 0 32px;
}
.home-pl-giare-menu ul li a
{
    display:table-cell;
    vertical-align:middle;
    height:70px;
    text-align:center;
    color:#000;
    font-size:14px;
    line-height:21px;
}
.home-pl-giare .hpl18-item-ul .hpl18-item-li .hpl18-item-discount
{
    background: url(images/type-discount-2020.png?v=01241) no-repeat scroll center center transparent;
    width:54px;
    height:54px;
    line-height:54px;
    bottom:-30px;
    z-index:9;
}
.home-pl-promotion-bg .hpl18-item-ul .hpl18-item-li .hpl18-item-discount
{
    background: url(images/type-discount-arrow-2020.png?v=01241) no-repeat scroll center center transparent;
    width:54px;
    height:54px;
    line-height:54px;
    bottom:-35px;
    z-index:9;
}
.home-pl-giare .hpl18-item-ul .hpl18-item-li .hpl18-item-image .icon-777
{
    background: url(https://cdn.mediamart.vn/ProductOption/777-icon.png?v=02081) no-repeat center center;
    display: none;
    width: 145px;
    height: 22px;
    position: absolute;
    left: 0;
    bottom: -30px;
    z-index: 8;
}
.home-pl-promotion-bg .hpl18-item-ul .hpl18-item-li .hpl18-item-image .icon-777
{
    background: url(https://cdn.mediamart.vn/ProductOption/777-icon.png?v=02081) no-repeat center center;
    display: none;
    width: 145px;
    height: 22px;
    position: absolute;
    left: 0;
    bottom: -30px;
    z-index: 8;
}
.home-pl-giare .hpl18-item-ul .hpl18-item-li .hpl18-item-image .icon-11
{
    top:-8px;
}
.home-pl-giare .hpl18-item-ul .hpl18-item-li .hpl18-item-image .icon-44
{
    top:-13px;
}
.home-pl-giare .hpl18-item-ul .hpl18-item-li .hpl18-item-image .icon-999
{
    right:0;
}
/*Banner 2018*/
.homebanner_new
{
    margin: 0 0 10px 0;
    float: left;
    width: 936px;
    height: 425px;
}
.homebanner_new_slide
{
    float: left;
    width: 666px;
    height: 100%;
}
.homebanner_new_event
{
    float: right;
    width: 260px;
    height: 100%;
}
.homebanner_new_event ul li
{
    float: left;
    margin-bottom: 5px;
}
.homebanner_new_event ul li:last-child
{
    margin-bottom:0px;
}
.homebanner_new_event ul li img
{
    width:100%;
    max-height:140px;
}
.homebanner_new_slide .eB_slide
{
    position: relative;
    width: 100%;
    overflow: hidden;
    height: -webkit-fill-available;
}
.homebanner_new_slide .eB_slide_banner
{
    height: 370px;
    left: 0px;
}
.homebanner_new_slide .eB_slide_banner li
{
    float: left;
}
.homebanner_new_slide .eB_slide_action
{
    left: 0px;
    height: 68px;
    overflow: hidden;
    background-color: #fff;
}
.homebanner_new_slide .eB_slide_action li
{
    border-top: 2px solid #fff;
    padding: 16px 0 10px;
    height: 100%;
    width: 133px;
    float: left;
    overflow: hidden;
}
.homebanner_new_slide .eB_slide_action li a
{
    text-decoration: none;
    border-right: 1px solid #dfdfdf;
    color: #333;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: center;
    line-height: 17px;
}
.homebanner_new_slide .eB_slide_action li.last-child a
{
    border-right: none;
}
.homebanner_new_slide .eB_slide_action li.active, .homebanner_new_slide .eB_slide_action li:hover
{
    border-top: 2px solid #e3007b;
    font-weight: bold;
    color: #e3007b;
}
.homebanner_new_slide .eB_slide_action li.active a, .homebanner_new_slide .eB_slide_action li:hover a
{
    font-weight: bold;
    color: #e3007b;
}
.homebanner_new_slide .eB_slide_nav
{
    background: url(images/eB_slide_nav.png) no-repeat 0px 0px transparent;
    position: absolute;
    z-index: 1;
    top: 160px;
    width: 30px;
    height: 51px;
}
.homebanner_new_slide .eB_slide_nav_left
{
    left: 0;
}
.homebanner_new_slide .eB_slide_nav_right
{
    background: url(images/eB_slide_nav.png) no-repeat -30px 0px transparent;
    right: 0;
}
/*-------------------------------- menu pl-ct ----------------------------------*/
.home-pl
{
    margin-bottom: 10px;
}
.home-banner
{
    position:relative;
    overflow: hidden;
    list-style: none;
    margin: 0 0 9px 0;
    padding: 0;
}
.home-banner li
{
    float: left;
}
.home-banner li:first-child
{
    width: 66.3265306122%;
}
.home-banner li:nth-child(2)
{
    float: right;
    width: 33.1632653061%;
}
.home-banner li:nth-child(2):after
{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 1px;
    content: "";
    background: #ffffff;
}
.home-banner li:nth-child(2):before
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 1px;
    content: "";
    background: #ffffff;
}
.home-banner li img
{
    width: 100%;
    max-height: 220px;
}
.home-menu-logo
{
}
.home-menu-logo ul
{
    /*    overflow: hidden;*/
    display: table;
    width: 100%;
}
.home-menu-logo ul li
{
    display: table-cell;
    line-height: 50px;
    text-align: center;
    padding: 0;
}
.home-menu-logo ul li img
{
    max-width: 100%;
}
.home-menu
{
    overflow: hidden;
    padding: 10px 0 0 0;
    font-size: 12px;
    margin-bottom: 10px;
    background: #ffffff;
    border-bottom: 2px solid #2582be;
}

.home-menu .home-menu-item
{
    overflow: hidden;
    height: 46px;
    list-style: none;
    margin: 0;
    padding: 0;
}
.home-menu-item li
{
    display: inline-block;
    margin-right: 15px;
}
.home-menu-item li a
{
    color: #3a3a3c;
    line-height: 39px;
    display: block;
    padding-top: 7px;
}
.home-menu-item li a:hover
{
    color: #ed1c24;
    text-decoration: underline;
}
.home-menu-head
{
    float: left;
    position: relative;
    margin-right: 20px;
    background-color: #ed1b24;
}
.home-menu-head a
{
    color: #ffffff;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    display: block;
    padding: 17px 2px 12px 76px;
    width: 260px;
}
.home-menu-head.home-menu-head-544 a
, .home-menu-head.home-menu-head-507 a
, .home-menu-head.home-menu-head-2754 a
, .home-menu-head.home-menu-head-2755 a
, .home-menu-head.home-menu-head-2788 a
{
    color: #fef200;
}
.home-menu-head.home-menu-head-507
{
    background: url(images/tivi.png) no-repeat 20px 9px #e3007b;
}
.home-menu-head.home-menu-head-544
, .home-menu-head.home-menu-head-2754
, .home-menu-head.home-menu-head-2755
{
    background: url(images/dien-lanh.png) no-repeat 20px 9px #e3007b;
}
.home-menu-head.home-menu-head-2788
{
    background: url(images/icon-fan.png) no-repeat 20px 9px #e3007b;
}
.home-menu-head.home-menu-head-508
{
    background: url(images/gia-dung.png) no-repeat 20px 9px #8cc63e;
}
.home-menu-head.home-menu-head-516
{
    background: url(images/dien-thoai.png) no-repeat 20px 9px #fcb040;
}
.home-menu-head.home-menu-head-513
{
    background: url(images/laptop.png) no-repeat 20px 14px #12a89d;
}
.home-menu-head.home-menu-head-644
{
    background: url(images/thiet-bi-van-phong.png) no-repeat 16px 14px #fcb040;
    background-size: 52px;
}
.home-menu-head.home-menu-head-511
{
    background: url(images/may-anh.png) no-repeat 20px 13px #00adef;
}
.home-menu-head.home-menu-head-540
{
    background: url(images/phu-kien.png) no-repeat 20px 10px #e3007b;
}
.home-menu-head.home-menu-head-606
{
    background: url(images/noithat.png) no-repeat 20px center #ed1b24;
}
/*---------  BANNER 2018 -----------*/
.home-banner-2018
{
    display:inline-block;
    position:relative;
}
.home-banner-2018 li
{
    position:relative;
    float:left;
    height:160px;
    width:270px;
}
.home-banner-2018 li:nth-child(2)
{
    float:left;
    width:270px;
}
.home-banner-2018 li:nth-child(1)
{
    margin-right:8px;
    width:380px;
    height:320px;
}
.home-banner-2018 li:nth-child(6)
{
    position:absolute;
    right:0;
    top:0;
    width:240px;
    height:320px;
    z-index:1;
}
.home-banner-2018 li img
{
    position:relative;
    width:100%;
    height:100%;
    max-height:unset;
    opacity: 1;
    z-index:1;
}
.home-banner-2018 li img:hover
{
    box-shadow: 1px 1px 1px 1px #cecacc;
    z-index:2;
    transition: opacity .3s ease-in;
}
.home-brand-news
{
    position:absolute;
    border:1px solid #f5f7f8;
    background-color:#fff;
    right:0;
    top:0;
    padding:7px;
    width:240px;
    height:320px;   
    z-index:2; 
}
.home-brand-news .brand-list
{
    
}
.home-brand-news .brand-list li
{
    float:left;
    width:50%;
    height:42px;
    border-bottom:solid 1px #eff0f1;
    margin: auto;
    text-align:center;
}
.home-brand-news .brand-list li:nth-child(2n)
{
    width:50%;
    border-left:solid 1px #eff0f1;
}
.home-brand-news .brand-list li a
{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    height: 42px;
    width: 100%;
}
.home-brand-news .brand-list li a img
{
    display:block;
    max-width: 90% !important;
    margin: auto;
}
.home-brand-news .ns-list
{
    
}
.home-brand-news .ns-list li
{
    padding:8px 0 5px 0;
    line-height:20px;
    overflow:hidden;
    width:100%;
    height:50px;
    border-bottom:1px solid #dddee1;
}
.home-brand-news .ns-list li a
{
    color:#333;
}
/*-------------------------------- Product list ----------------------------------*/
.hpl-item
{
    margin: 0 0 20px 0;
}
.hpl-item-ul
{
    list-style: none;
    border-left: 1px solid #e7e7e8;
    border-top: 1px solid #e7e7e8;
    display: inline-block;
    width: 100%;
}
.hpl-item-li
{
    float: left;
    width: 20%;
    height: 258px;
    position: relative;
    border-right: 1px solid #e7e7e8;
    border-bottom: 1px solid #e7e7e8; /*    border-top: 1px solid #ffffff;     border-left: 1px solid #ffffff; */
}
.hpl-item-li > div
{
    padding-top: 15px;
}
.hpl-item-li .hpl-item-image
{
    width: 259px;
    height: 160px;
    margin: auto;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
}
.hpl-item-li .hpl-item-image a
{
}
.hpl-item-li .hpl-item-image img
{
    max-height: 144px;
    max-width: 216px;
}
.hpl-item-li .hpl-item-price
{
}
.hpl-item-li .hpl-item-discount
{
    position: absolute;
    z-index: 2;
    right: 10px;
    top: 106px;
    background: url("images/type-discount.png") no-repeat scroll center center transparent;
    background-size: cover;
    width: 54px;
    height: 54px;
    color: #f8f06a;
    font: bold 13px/54px Arial;
    text-align: center;
}
.hpl-item-li .hpl-item-pmarket
{
    position: absolute;
    top: 118px;
    right: 16px;
}
.hpl-item-li .draw-price
{
    position: relative;
}
.hpl-item-li .hpl-item-pmarket .draw-price:after
{
    content: "";
    position: absolute;
    left: -16%;
    top: 43%;
    height: 1px;
    width: 115%;
    z-index: 1;
    background: #ed1c24;
}
.big-hpl-item-ul .hpl-item-li .hpl-item-pmarket .draw-price:after, .hpl-item-li.hpl-item-li-big .hpl-item-pmarket .draw-price:after
{
    height: 2px;
}
.hpl-item-li .draw-price-content
{
}
.hpl-item-li .draw-price-content span
{
    width: 11px;
    height: 16px;
    display: inline-block;
    margin-left: -6px;
    background: url(images/numberfull.png) no-repeat;
}
.hpl-item-li .draw-price-content .drw-pri-small-view-0
{
    background-position: -630px -220px;
}
.hpl-item-li .draw-price-content .drw-pri-small-view-1
{
    background-position: -658px -220px;
    width: 10px;
}
.hpl-item-li .draw-price-content .drw-pri-small-view-2
{
    background-position: -681px -220px;
}
.hpl-item-li .draw-price-content .drw-pri-small-view-3
{
    background-position: -708px -220px;
}
.hpl-item-li .draw-price-content .drw-pri-small-view-4
{
    background-position: -733px -220px;
}
.hpl-item-li .draw-price-content .drw-pri-small-view-5
{
    background-position: -760px -220px;
}
.hpl-item-li .draw-price-content .drw-pri-small-view-6
{
    background-position: -786px -220px;
}
.hpl-item-li .draw-price-content .drw-pri-small-view-7
{
    background-position: -812px -220px;
}
.hpl-item-li .draw-price-content .drw-pri-small-view-8
{
    background-position: -838px -220px;
}
.hpl-item-li .draw-price-content .drw-pri-small-view-9
{
    background-position: -864px -220px;
}
.hpl-item-li .draw-price-content .drw-pri-small-last
{
    background-position: -889px -220px;
}

.hpl-item-li .hpl-item-pmarket .draw-price-content .drw-pri-small-dot
{
    background-position: -914px -220px;
    width: 7px;
}
/*-------------------------------------------------------------*/
.hpl-item-li .hpl-item-pbuy
{
    position: absolute;
    top: 138px;
    right: 10px;
}
.hpl-item-li .hpl-item-pbuy .draw-price-content span
{
    width: 23px;
    height: 32px;
    display: inline-block;
    margin-left: -11px;
    background: url(images/numberfull.png) no-repeat;
}
.hpl-item-li .hpl-item-pbuy .draw-price-content .drw-pri-thumb-view-0
{
    background-position: -3px -220px;
}
.hpl-item-li .hpl-item-pbuy .draw-price-content .drw-pri-thumb-view-1
{
    background-position: -58px -220px;
    width: 20px;
}
.hpl-item-li .hpl-item-pbuy .draw-price-content .drw-pri-thumb-view-2
{
    background-position: -107px -220px;
    width: 24px;
}
.hpl-item-li .hpl-item-pbuy .draw-price-content .drw-pri-thumb-view-3
{
    background-position: -164px -220px;
}
.hpl-item-li .hpl-item-pbuy .draw-price-content .drw-pri-thumb-view-4
{
    background-position: -217px -220px;
}
.hpl-item-li .hpl-item-pbuy .draw-price-content .drw-pri-thumb-view-5
{
    background-position: -273px -220px;
}
.hpl-item-li .hpl-item-pbuy .draw-price-content .drw-pri-thumb-view-6
{
    background-position: -327px -220px;
}
.hpl-item-li .hpl-item-pbuy .draw-price-content .drw-pri-thumb-view-7
{
    background-position: -380px -220px;
    width: 20px;
}
.hpl-item-li .hpl-item-pbuy .draw-price-content .drw-pri-thumb-view-8
{
    background-position: -435px -220px;
}
.hpl-item-li .hpl-item-pbuy .draw-price-content .drw-pri-thumb-view-9
{
    background-position: -489px -220px;
}
.hpl-item-li .hpl-item-pbuy .draw-price-content .drw-pri-thumb-last
{
    background-position: -539px -220px;
}

.hpl-item-li .hpl-item-pbuy .draw-price-content .drw-pri-thumb-dot
{
    background-position: -593px -220px;
    width: 14px;
}
/*-------------------------------------------------------------*/

.hpl-item-li .price
{
    bottom: 90px;
    position: absolute;
    right: 20px;
}
.hpl-item-li .price-number-small
{
}
.hpl-item-li .hpl-item-soffer
{
    background: url(images/icon_gift.png) no-repeat left center;
    padding-left: 19px;
    position: absolute;
    right: 12px;
    top: 166px;
    font-size: 11px;
    color: #ed1c24;
    line-height: 14px;
    padding-top: 7px;
    display: block;
    max-width: 84%;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 22px;
}

.hpl-item-li .hpl-item-brand
{
    color: #0072bc;
    font-size: 14px;
    font-weight: bold;
    padding: 30px 0 3px 22px;
    text-align: left;
    text-transform: uppercase;
}
.hpl-item-li .hpl-item-brand span
{
    /* vertical-align: super;*/
}
.hpl-item-li .hpl-item-name
{
    padding: 0px 5px 10px 22px;
}
.hpl-item-li-mover:hover .hpl-item-ism .hpl-item-name
{
    margin: 60px 0 0 0 !important;
}
.hpl-item-li-big :hover .hpl-item-name
{
    margin: 0 !important;
}
.hpl-item-li .hpl-item-name a
{
    color: #58585a;
    line-height: 150%;
    max-height: 33px;
    overflow: hidden;
    display: block;
}


.hpl-item-li .hpl-item-mover
{
    display: none;
    margin: 5px 0 0 0;
    text-align: center;
}
.hpl-item-li .hpl-item-ism
{
    display: none;
    margin: 35px 22px 10px 22px;
    padding-bottom: 1px;
    text-align: left;
    color: #58585a;
    font-size: 0.95em;
}
.hpl-item-li .hpl-item-ins-title
{
    text-transform: uppercase;
    background: #0d9246;
    width: 54px;
    height: 20px;
    padding-top: 4px;
    position: relative;
    color: #fff;
    font-size: 10px;
    text-align: right;
    margin-bottom: 3px;
}
.hpl-item-li .hpl-item-ins-title i
{
    position: absolute;
    left: 54px;
    top: 0;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-left: 10px solid #0d9246;
    border-bottom: 10px solid transparent;
}

.hpl-item-li .hpl-item-ins-price
{
    border-bottom: solid 1px #e2e3e4;
}

.hpl-item-li .hpl-item-mover .hpl-item-des
{
    background: #f5f6f7;
    padding: 5px 10px 0px 22px;
    border-bottom: solid 1px #e2e3e4;
    min-height: 118px;
    line-height: 170%;
    color: #58585a;
    font-size: 0.95em;
    text-align: left;
}
.hpl-item-li .hpl-item-mover .hpl-item-des ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}
.hpl-item-li .hpl-item-mover .hpl-item-des ul li
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hpl-item-li .hpl-item-mover .hpl-item-support
{
    color: #ed1c24;
    text-transform: uppercase;
    text-align: center;
    margin-top: 10px;
}
.hpl-item-li .hpl-item-mover .hpl-item-support b
{
    padding-right: 4px;
}
.hpl-item-li .hpl-item-mover .hpl-item-support span
{
}

.hpl-item-li .hpl-item-mover .hpl-item-detail
{
    display: inline-block;
    margin: 6px 7px 0 0px;
}
.hpl-item-li .hpl-item-mover .hpl-item-detail a
{
    border: solid 1px #dededf;
    height: 32px;
    width: 74px;
    line-height: 32px;
    text-align: center;
    display: block;
    color: #58585a;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.hpl-item-li .hpl-item-mover .hpl-item-orders
{
    display: inline-block;
    margin: 6px 0px 0 0px;
}
.hpl-item-li .hpl-item-mover .hpl-item-orders a
{
    height: 32px;
    width: 90px;
    line-height: 32px; /* padding-left: 18px; */
    display: block;
    color: #ffffff;
    font-weight: bold;
    cursor: pointer; /*     background: #ed1b24;     background: -moz-linear-gradient(top, #ed1b24 0%, #b31218 100%);     background: -webkit-linear-gradient(top, #ed1b24 0%,#b31218 100%);     background: linear-gradient(to bottom, #ed1b24 0%,#b31218 100%);     border: solid 1px #D7171F; */
    background: #F88011;
    border: solid 1px #f76b1c;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.hpl-item-li .hpl-item-mover .hpl-item-orders a:hover
{
    /*    color: #ed1c24;     background: url(images/icon_cart_red.png) no-repeat 13px 11px #f2f2f2;     border: solid 1px #dededf;     text-decoration: none; */
}
.hpl-item-li .hpl-item-mover .hpl-item-detail a:hover
{
    color: #ed1c24;
    background-color: #f2f2f2;
    border: solid 1px #dededf;
    text-decoration: none;
}

/*------------------------------------------------------------------
.hpl-item-li.hpl-item-li-mover > div {

}
.hpl-item-li.hpl-item-li-mover:hover > div {
    -moz-box-shadow: 0 0 5px rgba(0,0,0,0.45);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.45);
    box-shadow: 0 0 5px rgba(0,0,0,0.45);
    height: 514px;
    position: absolute;
    left: 0;
    top: 0px;
    width: 100%;
    background: #ffffff;
    padding-top: 5px;
}
.hpl-item-li.hpl-item-li-mover:hover {
    z-index: 3;
}
.hpl-item-li.hpl-item-li-mover:hover .hpl-item-ism {
    display: block;
}
.hpl-item-li.hpl-item-li-mover:hover .hpl-item-name a {
    color: #000000;
    text-transform: uppercase;
    max-height: 33px;
    overflow: hidden;
    font-weight: bold;
}
.hpl-item-li.hpl-item-li-mover:hover .hpl-item-name a:hover {
    color: #ed1c24;
}
.hpl-item-li.hpl-item-li-mover:hover .hpl-item-mover {
    display: block;
    text-align: center;
}
.hpl-item-li.hpl-item-li-mover:hover .hpl-item-brand {
    display: none;
}

.hpl-item-li.hpl-item-li-mover.hpl-item-not-ism:hover .hpl-item-name {
    margin-top: 69px;
}

------------------------------------------------------------------*/

/*------------------------------------------------*/
.home-pl-promotion
{
    padding:0 8px 1px 8px;
    background: #c4161c;
    margin-bottom: 10px;
}
.big-hpl-item-head
{
    overflow: hidden;
    border: solid 1px #dcdcdc;
	background: url(images/icon-fire.png) no-repeat 20px center;
}
.big-hpl-item-head p
{
    color: #ee1b24;
    line-height: 46px;
    font-size: 18px;
    display: block;
    padding-left: 62px;
    float: left;
}
.big-hpl-item-head a
{
    float: right;
    margin-right: 48px;
    line-height: 40px;
    color: #ed1c24;
    font-style: italic;
    font-size: 13px;
    display: none;
}
.big-hpl-item-ul
{
    border: none;
}
.big-hpl-item-ul .hpl-item-li
{
    width: 20%;
    height: 324px;
    border: none;
}
.big-hpl-item-ul .hpl-item-li .hpl-item-image
{
    width: 320px;
    height: 170px;
    vertical-align: top;
}
.big-hpl-item-ul .hpl-item-li .hpl-item-image img
{
    max-width: 90%;
    max-height: 175px;
}
.big-hpl-item-ul .hpl-item-li .hpl-item-name a
{
    font-size: 12px;
    max-height: 35px;
}
.big-hpl-item-ul .hpl-item-li .hpl-item-soffer
{
    top: 230px;
    right: 26px;
    max-width: 84%;
}

/*
.big-hpl-item-ul .hpl-item-li.hpl-item-li-mover:hover > div {
    height: 490px;
    height: 284px;
    width: 201%;
}

.big-hpl-item-ul .hpl-item-li.hpl-item-li-mover.hpl-item-li-3:hover > div {
    right: 0;
    left: inherit;
}
.big-hpl-item-ul .hpl-item-li.hpl-item-li-mover:hover .hpl-item-image {
    float: right;
    margin-top: 30px;
    max-width: 50%;
}
.big-hpl-item-ul .hpl-item-li.hpl-item-li-mover:hover .hpl-item-ism {
    display: block;
    position: absolute;
    top: 170px;
    left: 22px;
    margin: 0;
    overflow: hidden;
}
.big-hpl-item-ul .hpl-item-li.hpl-item-li-mover:hover .hpl-item-ins-title i {
}

.big-hpl-item-ul .hpl-item-li.hpl-item-li-mover:hover .hpl-item-ism > p.hpl-item-ins-title {
    float: left;
}
.big-hpl-item-ul .hpl-item-li.hpl-item-li-mover:hover .hpl-item-ism .hpl-item-ins-price {
    float: left;
    line-height: 20px;
    margin-left: 15px;
}
.big-hpl-item-ul .hpl-item-li.hpl-item-li-mover:hover .hpl-item-name {
    position: absolute;
    top: 10px;
}
.big-hpl-item-ul .hpl-item-li.hpl-item-li-mover:hover .hpl-item-name a {
    color: #ed1c24;
    font-size: 15px;
    overflow: hidden;
    height: 22px;
    display: block;
}

.big-hpl-item-ul .hpl-item-li.hpl-item-li-mover:hover .hpl-item-mover {
    display: block;
    margin: 32px 0px 0 0;
    width: 50%;
    padding-bottom: 1px;
    margin-left: 0px;
    background: -moz-linear-gradient(left, rgb(189, 189, 189) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(left, rgb(189, 189, 189) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to right, rgb(189, 189, 189) 0%,rgba(255,255,255,0) 100%);
}
.big-hpl-item-ul .hpl-item-li.hpl-item-li-mover:hover .hpl-item-mover .hpl-item-des {
    height: 117px;
    border-bottom: none;
    background: #f5f6f7;
    background: -moz-linear-gradient(left, #EEF1F3 0%, #ffffff 100%);
    background: -webkit-linear-gradient(left, #EEF1F3 0%,#ffffff 100%);
    background: linear-gradient(to right, #EEF1F3 0%,#ffffff 100%);
}

.big-hpl-item-ul .hpl-item-li .hpl-item-discount {
    right: 24px;
}

.big-hpl-item-ul .hpl-item-li.hpl-item-li-mover:hover .hpl-item-support {
    position: absolute;
    top: 200px;
    left: 22px;
}
.big-hpl-item-ul .hpl-item-li.hpl-item-li-mover:hover .hpl-item-orders {
    position: absolute;
    top: 230px;
    left: 110px;
}
.big-hpl-item-ul .hpl-item-li.hpl-item-li-mover:hover .hpl-item-detail {
    position: absolute;
    top: 230px;
    left: 22px;
}
.big-hpl-item-ul .hpl-item-li.hpl-item-li-mover:hover .hpl-item-pbuy {
    top: 197px;
}
.big-hpl-item-ul .hpl-item-li.hpl-item-li-mover:hover .hpl-item-pmarket {
    top: 170px;
}
.big-hpl-item-ul .hpl-item-li.hpl-item-li-mover:hover .hpl-item-soffer {
    top: 250px;
}
*/
.big-hpl-item-ul .hpl-item-li .hpl-item-brand
{
    font-size: 12px;
    padding: 80px 0 3px 22px;
}
.big-hpl-item-ul .hpl-item-li .hpl-item-pbuy
{
    top: 186px;
}
.big-hpl-item-ul .hpl-item-li .hpl-item-pbuy .draw-price-content span
{
    height: 43px;
    width: 30px;
    display: inline-block;
    margin-left: -13px;
    background: url(images/boso_sizethumb.png) no-repeat;
}
.big-hpl-item-ul .hpl-item-li.hpl-item-li-mover:hover .hpl-item-name a
{
    max-height: inherit;
}
.big-hpl-item-ul .hpl-item-li .hpl-item-pbuy .draw-price-content .drw-pri-thumb-view-0
{
    background-position: -2px 0;
}
.big-hpl-item-ul .hpl-item-li .hpl-item-pbuy .draw-price-content .drw-pri-thumb-view-1
{
    background-position: -41px 0;
    width: 23px;
}
.big-hpl-item-ul .hpl-item-li .hpl-item-pbuy .draw-price-content .drw-pri-thumb-view-2
{
    background-position: -68px 0;
}
.big-hpl-item-ul .hpl-item-li .hpl-item-pbuy .draw-price-content .drw-pri-thumb-view-3
{
    background-position: -105px 0;
}
.big-hpl-item-ul .hpl-item-li .hpl-item-pbuy .draw-price-content .drw-pri-thumb-view-4
{
    background-position: -143px 0;
}
.big-hpl-item-ul .hpl-item-li .hpl-item-pbuy .draw-price-content .drw-pri-thumb-view-5
{
    background-position: -179px 0;
}
.big-hpl-item-ul .hpl-item-li .hpl-item-pbuy .draw-price-content .drw-pri-thumb-view-6
{
    background-position: -215px 0;
}
.big-hpl-item-ul .hpl-item-li .hpl-item-pbuy .draw-price-content .drw-pri-thumb-view-7
{
    background-position: -252px 0;
    width: 28px;
}
.big-hpl-item-ul .hpl-item-li .hpl-item-pbuy .draw-price-content .drw-pri-thumb-view-8
{
    background-position: -286px 0;
}
.big-hpl-item-ul .hpl-item-li .hpl-item-pbuy .draw-price-content .drw-pri-thumb-view-9
{
    background-position: -322px 0;
}
.big-hpl-item-ul .hpl-item-li .hpl-item-pbuy .draw-price-content .drw-pri-thumb-last
{
    background-position: -355px 0;
    width: 28px;
}
.big-hpl-item-ul .hpl-item-li .hpl-item-pbuy .draw-price-content .drw-pri-thumb-dot
{
    background-position: -388px 0;
    width: 21px;
    margin: 0 0px 0 -15px;
}
/*------------------------------------------------*/
.big-hpl-item-ul .hpl-item-li .hpl-item-pmarket
{
    top: 164px;
    right: 10px;
}
.big-hpl-item-ul .hpl-item-li .hpl-item-pmarket .draw-price-content span
{
    height: 21px;
    width: 15px;
    display: inline-block;
    margin-left: -7px;
    background: url(images/boso_sizethumb.png) no-repeat;
}
.big-hpl-item-ul .hpl-item-li.hpl-item-li-mover:hover .hpl-item-name a
{
    max-height: inherit;
}

.big-hpl-item-ul .hpl-item-li .hpl-item-pmarket .draw-price-content .drw-pri-small-view-0
{
    background-position: -1px -58px;
}
.big-hpl-item-ul .hpl-item-li .hpl-item-pmarket .draw-price-content .drw-pri-small-view-1
{
    background-position: -38px -58px;
    width: 13px;
}
.big-hpl-item-ul .hpl-item-li .hpl-item-pmarket .draw-price-content .drw-pri-small-view-2
{
    background-position: -68px -58px;
}
.big-hpl-item-ul .hpl-item-li .hpl-item-pmarket .draw-price-content .drw-pri-small-view-3
{
    background-position: -104px -58px;
}
.big-hpl-item-ul .hpl-item-li .hpl-item-pmarket .draw-price-content .drw-pri-small-view-4
{
    background-position: -143px -58px;
}
.big-hpl-item-ul .hpl-item-li .hpl-item-pmarket .draw-price-content .drw-pri-small-view-5
{
    background-position: -178px -58px;
}
.big-hpl-item-ul .hpl-item-li .hpl-item-pmarket .draw-price-content .drw-pri-small-view-6
{
    background-position: -214px -58px;
}
.big-hpl-item-ul .hpl-item-li .hpl-item-pmarket .draw-price-content .drw-pri-small-view-7
{
    background-position: -252px -58px;
    width: 14px;
}
.big-hpl-item-ul .hpl-item-li .hpl-item-pmarket .draw-price-content .drw-pri-small-view-8
{
    background-position: -286px -58px;
}
.big-hpl-item-ul .hpl-item-li .hpl-item-pmarket .draw-price-content .drw-pri-small-view-9
{
    background-position: -322px -58px;
}
.big-hpl-item-ul .hpl-item-li .hpl-item-pmarket .draw-price-content .drw-pri-small-last
{
    background-position: -355px -58px;
    width: 15px;
}
.big-hpl-item-ul .hpl-item-li .hpl-item-pmarket .draw-price-content .drw-pri-small-dot
{
    background-position: -389px -58px;
    width: 10px;
}

/*------------------------------------------------*/

.box-promotion
{
    background: transparent url("images/box_overlay.png") repeat scroll 0 0;
    display: none;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 99;
}
.box-promotion-active
{
    bottom: 0;
    display: block;
    position: fixed;
    right: 0;
    vertical-align: middle;
}
.box-promotion .box-promotion-item
{
    height: 540px;
    left: 427px;
    position: absolute;
    top: 137px;
    width: 600px;
}
.box-promotion .box-promotion-item .box-banner
{
    position: absolute;
    z-index: 97;
}
.box-promotion .box-promotion-item a.box-promotion-close
{
    background: transparent url("images/delete-large.png") no-repeat scroll 0 0;
    cursor: pointer;
    height: 72px;
    position: absolute;
    right: -29px;
    top: -13px;
    width: 72px;
    z-index: 98;
}


/*------------------ popup home ---------------------*/
#backgroundPopup
{
    display: none;
    position: fixed;
    _position: absolute; /* hack for internet explorer 6*/
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #000000;
    z-index: 500;
}
#popupContact
{
    display: none;
    position: fixed;
    _position: absolute; /* hack for internet explorer 6*/
    height: auto;
    width: auto;
    background: none;
    z-index: 999;
    font-size: 13px;
}
#popupContact h1
{
    text-align: left;
    color: #6FA5FD;
    font-size: 22px;
    font-weight: 700;
    border-bottom: 1px dotted #D3D3D3;
    padding-bottom: 2px;
    margin-bottom: 20px;
}
#popupContactClose
{
    right: -15px;
    bottom: -35px;
    position: absolute;
    height: 32px;
    width: 127px;
    cursor: pointer;
    background: url(Close.png) no-repeat;
}

#popupContact .wrapPopup
{
    position: relative;
}
.home-ugr
{
}
.h-ugr-l
{
    display: none; /*    float: left;     width: 18.93%;*/
}
.h-ugr-l ul li
{
    width: 100%;
}
.h-ugr-l ul li img
{
    max-width: 100%;
}
.h-ugr-l ul li:first-child
{
    margin-bottom: 16px;
}
.h-ugr-r
{
    float: right;
    width: 14%;
    background: #c7eafd;
    max-height: 1021px;
    overflow: hidden;
}
.h-ugr-r ul
{
}
.h-ugr-r ul li
{
    padding: 16px 0 15px;
    border-bottom: solid 1px #bde6fa;
}
.h-ugr-r ul li a
{
    font-size: 12px;
    color: #0e75b8;
    padding-left: 16px;
    display: block;
    text-shadow: 0 0 0 #0e75b8;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.h-ugr-r ul li a:hover
{
    text-decoration: underline;
    color: #ed1c24;
}
.h-ugr-r ul li.HighLight-True
{
    padding: 0;
}
.h-ugr-r ul li.HighLight-True a
{
    color: #ffffff;
    font-weight: bold;
    font-size: 14px;
    background: #ed1b24;
    padding: 14px 0px 12px 16px;
}
.h-ugr-r ul li.HighLight-True a:after
{
    /*	content:"";     display: inline-block;  	margin-left: 8px;     width: 0;     height: 0;     border-top: 4px solid transparent;     border-left: 4px solid #ffffff;     border-bottom: 4px solid transparent; */
}
.home-pl-1112 .h-ugr-r ul li.HighLight-True a
{
    background: #00adef;
}
.home-pl-1113 .h-ugr-r ul li.HighLight-True a
{
    background: #8cc63e;
}
.home-pl-1115 .h-ugr-r ul li.HighLight-True a
{
    background: #12a89d;
}
.home-pl-1114 .h-ugr-r ul li.HighLight-True a
{
    background: #fcb040;
}
.home-pl-1116 .h-ugr-r ul li.HighLight-True a
{
    background: #00adef;
}
.home-pl-1119 .h-ugr-r ul li.HighLight-True a
{
    background: #fcb040;
}
.h-ugr-c
{
    float: left;
    width: 86%; /*width: 66.3%;     margin-left: 0.53%;*/
}
.h-ugr-c .hpl-item-ul
{
    border-left: 1px solid #EBEBEC;
    border-top: 1px solid #EBEBEC;
    background: #ffffff;
}
.h-ugr-c .hpl-item-li
{
    width: 25%;
    height: 312px;
    border-bottom: 1px solid #EBEBEC;
    border-right: 1px solid #EBEBEC;
}
.h-ugr-c .hpl-item-li .hpl-item-image
{
    width: 100%;
    height: 200px;
    display: table;
}
.h-ugr-c .hpl-item-li .hpl-item-image img
{
    max-height: 200px;
    max-width: 90%;
}
.h-ugr-c .hpl-item-li .hpl-item-image .icon-installment
{
    background: url(https://cdn.mediamart.vn/ProductOption/11-icon.png) no-repeat center center;
    display: block;
    width: 90px;
    height: 26px;
    position: absolute;
    left: 14px;
    top: 165px;
}
.h-ugr-c .hpl-item-li .hpl-item-ism
{
    margin: 38px 22px 5px 14px;
}
.h-ugr-c .hpl-item-li .hpl-item-ins-price
{
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
}

.h-ugr-c .hpl-item-li .hpl-item-discount
{
    width: 46px;
    height: 46px;
    font-size: 12px;
    top: 120px;
    line-height: 46px;
}
.h-ugr-c .hpl-item-li .hpl-item-brand
{
    font-size: 12px;
    padding: 40px 0 4px 14px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
}
.h-ugr-c .hpl-item-li .hpl-item-pmarket
{
    top: 174px;
}
.h-ugr-c .hpl-item-li .hpl-item-name
{
    padding: 0px 5px 0px 14px;
    font-size: 12px;
    text-transform: uppercase;
}
.h-ugr-c .hpl-item-li .hpl-item-name a
{
    line-height: 140%;
}
.h-ugr-c .hpl-item-li .hpl-item-pbuy
{
    position: absolute;
    top: 196px;
    right: 10px;
}
.h-ugr-c .hpl-item-li .hpl-item-soffer
{
    top: 225px;
    max-width: 90%;
}

.h-ugr-c .hpl-item-li.hpl-item-li-mover:hover > div
{
    height: 431px;
}
.h-ugr-c .hpl-item-li .hpl-item-mover .hpl-item-des
{
    min-height: 108px;
    padding: 5px 10px 0px 14px;
}
.h-ugr-c .hpl-item-li .hpl-item-mover .hpl-item-detail a
{
    height: 25px;
    line-height: 25px;
    width: 60px;
}
.h-ugr-c .hpl-item-li .hpl-item-mover .hpl-item-orders a
{
    /* 	background: #ed1b24; 	background: -moz-linear-gradient(top, #ed1b24 0%, #b31218 100%); 	background: -webkit-linear-gradient(top, #ed1b24 0%,#b31218 100%); 	background: linear-gradient(to bottom, #ed1b24 0%,#b31218 100%); 	border:solid 1px #D7171F; */
    background: #F88011;
    border: solid 1px #f76b1c;
    width: 81px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    padding-left: 0;
    font-size: 12px;
    font-weight: normal;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.h-ugr-c .hpl-item-li .hpl-item-mover .hpl-item-orders a:hover
{
    color: #ffffff;
}

/* Menu trang mua-sam-dien-may */
#lp-dienmay
{
}
#lp-dienmay .lp-dienmay-nav
{
    overflow: hidden;
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 20px 0 0 0;
    background: #cecccd;
}
.lp-dienmay-nav li
{
    float: left;
    width: 25%;
}
.lp-dienmay-nav li a
{
    height: 50px;
    text-align: center;
    font-size: 18px;
    display: block;
    line-height: 50px;
    color: #333333;
    position: relative;
    border-left: solid 1px #ffffff;
}
.lp-dienmay-nav li:first-child a
{
    border-left: none;
}

.lp-product-banner
{
    text-align: center;
    margin: 40px 0 20px;
}
.lp-product
{
    display: inline-block;
    width: 100%;
}
#lp-products .hpl-item-li
{
    border: none;
    height: 320px;
}
#lp-products .hpl-item-ul
{
    border: none;
}
#lp-products .hpl-item-li .hpl-item-image
{
    height: 200px;
}
#lp-products .hpl-item-li .hpl-item-image img
{
    max-height: 200px;
    max-width: 210px;
}
#lp-products .hpl-item-li .hpl-item-pbuy
{
    position: absolute;
    top: 175px;
    right: 10px;
}
#lp-products .hpl-item-li .hpl-item-pmarket
{
    position: absolute;
    top: 152px;
    right: 16px;
}
#lp-products .hpl-item-li .hpl-item-soffer
{
    top: 210px;
}
#lp-products .hpl-item-li.hpl-item-li-mover:hover > div
{
    height: 526px;
}
/*-- ProductList 2018 --*/
.hpl18-owl img.lazy
{
    
}
.hpl18-owl.owl-theme .owl-controls div.owl-prev
{
    z-index: 2;
    top:160px;
    left:0;
    position: absolute;
    width: 30px;
    height: 51px;
    background: url(images/eB_slide_nav.png) no-repeat 0px 0px transparent;
    opacity:1;
    border-radius:0;
    padding:0;
    margin:0;
    color:#333;
}
.hpl18-owl.owl-theme .owl-controls div.owl-next
{
    z-index: 2;
    top:160px;
    right: 0;
    position: absolute;
    width: 30px;
    height: 51px;
    background: url(images/eB_slide_nav.png) no-repeat -30px 0px transparent;
    opacity:1;
    border-radius:0;
    padding:0;
    margin:0;
    color:#333;
}
.hpl18-item-ul
{
    position:relative;
    list-style: none;
}
.hpl18-item-ul .hpl18-item-li
{
    padding: 15px 15px 0 15px;
    border: 1px solid #fff;
    background-color: #fff;
    float: left;
    width: 235px;
    height: 380px;
    position:relative;
}
.home-ps-giovang
{
    padding-bottom:8px;
}
.home-ps-giovang .hpl18-item-ul .hpl18-item-li
{
    width:20%;
    border: 1px solid #d2d3d5;
}
.hpl18-item-ul .hpl18-item-li:hover
{
    border: 1px solid #abacae;
}
.hpl18-item-ul .hpl18-item-li .hpl18-item-image
{
    position: relative;
    padding-top: 20px;
    width: 100%;
    height: 180px;
    margin: auto;
    text-align: center;
    vertical-align: middle;
    display: table;
}
.hpl18-item-ul .hpl18-item-li .hpl18-item-image a
{
}
.hpl18-item-ul .hpl18-item-li .hpl18-item-image a img
{
    max-height: 160px;
    max-width: 100%;
}
.hpl18-item-ul .hpl18-item-li .hpl18-item-discount
{
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 20px;
    background: url(images/type-discount.png) no-repeat scroll center center transparent;
    background-size: cover;
    width: 54px;
    height: 54px;
    color: #f8f06a;
    font: bold 13px/54px Arial;
    text-align: center;
}
.hpl18-item-ul .hpl18-item-li .hpl18-item-image .icon-11
{
    background: url(https://cdn.mediamart.vn/ProductOption/11-icon.png?v=03221) no-repeat center center;
    display: block;
    width: 73px;
    height: 22px;
    position: absolute;
    left: -5px;
    top: -8px;
    z-index:2;
}
.hpl18-item-ul .hpl18-item-li .hpl18-item-image .icon-22
{
    background: url(https://cdn.mediamart.vn/ProductOption/22-icon.png) no-repeat center center;
    display: none;
    width: 90px;
    height: 26px;
    position: absolute;
    left: 0;
    bottom: -110px;
    z-index:2;
}
.hpl18-item-ul .hpl18-item-li .hpl18-item-image .icon-33
{
    background: url(images/33-icon.png?v=03201) no-repeat center center;
    display: block;
    width: 145px;
    height: 22px;
    position: absolute;
    left: 0px;
    bottom: -7px;
    z-index: 10;
}

.hpl18-item-ul .hpl18-item-li .hpl18-item-image .icon-66
{
    background: url(images/66-icon.png?v=041801) no-repeat center center;
    display: block;
    width: 145px;
    height: 22px;
    position: absolute;
    left: 0px;
    bottom: -7px;
    z-index: 10;
}

.hpl18-item-ul .hpl18-item-li .hpl18-item-image .icon-77
{
    background: url(images/77-icon.png?v=042801) no-repeat center center;
    display: block;
    width: 145px;
    height: 22px;
    position: absolute;
    left: 0px;
    bottom: -7px;
    z-index: 10;
}

.hpl18-item-ul .hpl18-item-li .hpl18-item-image .icon-888
{	
	background: url(https://cdn.mediamart.vn/ProductOption/icon-sautet.png?v=02081) no-repeat center center;
    display: none;
    width: 145px;
    height: 22px;
    position: absolute;
    left: 0;
    bottom: -30px;
    z-index: 9;
}

.home-ps-giovang .hpl18-item-ul .hpl18-item-li .hpl18-item-image .icon-888
{	
	background: url(images/icon-giovang.png?v=03073) no-repeat center center;
    display: block;
    width: 145px;
    height: 22px;
    position: absolute;
    left: 0;
    bottom: -30px;
    z-index: 19;
}

.hpl18-item-ul .hpl18-item-li .hpl18-item-image .icon-44
{
    background: url(https://cdn.mediamart.vn/ProductOption/44-icon.png?v=01164) no-repeat center center;
    display: block;
    width: 73px;
    height: 22px;
    position: absolute;
    left: -5px;
    top: -10px;
    z-index:1;
}
.hpl18-item-ul .hpl18-item-li .hpl18-item-image .icon-55
{
    background: url(https://cdn.mediamart.vn/ProductOption/55-icon.png?v=04231) no-repeat center center;
    display: none;
    width: 96px;
    height: 50px;
    position: absolute;
    left: -13px;
    bottom: -14px;
}
.hpl18-item-ul .hpl18-item-li .hpl18-item-image .icon-999
{
background: url(https://cdn.mediamart.vn/ProductOption/999-icon.png?v=03182) no-repeat center center;
    display: block;
    width: 110px;
    height: 21px;
    position: absolute;
    right: 5px;
    top: -8px;
    z-index:3;
	border-radius: 3px;
    background-size: contain;
}
.hpl18-item-ul .hpl18-item-li .hpl18-item-brand
{
    color: #0072bc;
    text-transform: uppercase;
    font-size: 15px;
    margin: 15px 0 5px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;
}
.hpl18-item-ul .hpl18-item-li .hpl18-item-brand span
{
    text-transform: uppercase;
    color: #555;
    font-size: 12px;
}
.hpl18-item-ul .hpl18-item-li .hpl18-item-name a
{
    text-transform: capitalize;
    color: #333;
    overflow: hidden;
    display: block;
    line-height: 19px;
    font-size: 13px;
    height: 38px;
}
.hpl18-item-ul .hpl18-item-li .hpl18-item-online .price-online
{
    margin:5px 0;
    color: #0072bc;
    background-color:#fef200;
    display: block;
    font-size: 16px;
    padding:6px;
}
.hpl18-item-ul .hpl18-item-li .hpl18-item-pbuy
{
    display: block;
    font-family: Arial;
    font-size: 20px;
    font-weight: bold;
    color: #e3007b;
    margin: 4px 0;
}
.hpl18-item-ul .hpl18-item-li .hpl18-item-pmarket
{
    color: #828486;
    display: block;
    font-size: 14px;
    height:16px;
    text-decoration: line-through;
}
.hpl18-item-ul .hpl18-item-li .hpl18-item-soffer
{
    margin: 6px 0;
    color: #ff0000;
    font-size: 13px;
    height:15px;
}
.hpl18-item-ul .hpl18-item-li .hpl18-item-soffer span
{
    color: #e3007b;
    font-weight: bold;
}
.hpl18-item-ul .hpl18-item-li .hpl18-item-soffer-avatar
{
    display:none;    
}
.hpl18-item-ul .hpl18-item-li .hpl18-item-soffer-avatar ul
{
    border: 1px solid #fdcc0c;
    background-color: #fff;
    overflow: hidden;
    height: 32px;
    line-height: 30px;
    width: 100%;
}
.hpl18-item-ul .hpl18-item-li .hpl18-item-soffer-avatar ul li
{
    float: left;
    padding:0 3px;
}
.hpl18-item-ul .hpl18-item-li .hpl18-item-soffer-avatar ul li.title
{
    padding: 0 5px;
    background-color: #e3007b;
    color: #fff200;
}
.hpl18-item-ul .hpl18-item-li .hpl18-item-soffer-avatar ul li img
{
    max-width: 37px;
    max-height: 25px;
}
/*---- Video ----*/
.home-video-title a
{
    display:block;
    margin:20px 0 10px;
    color: #333;
    font-size:20px;
}
.newslist-video
{
    
}
.newslist-video ul li
{
    position:relative;
    float:left;
    width:285px;
    height:150px;
    margin-bottom:15px;
}
.newslist-video ul li:nth-child(1)
{
    margin-right:15px;
    width:575px;
    height:315px;
}
.newslist-video ul li:nth-child(1) img
{
    width:100%;
    height:315px;
}
.newslist-video ul li img
{
    width:100%;
    height:100%;
}
.newslist-video ul li:nth-child(2),
.newslist-video ul li:nth-child(4)
{
    
}
.newslist-video ul li:nth-child(3),
.newslist-video ul li:nth-child(5)
{
    float:right;
}
.newslist-video ul li p.name
{
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 2;
    cursor: pointer;
    font-size: 14px;
    color: #fff;
    padding: 5px 10px;
    line-height: 18px;
    background: rgba(0,0,0,.6);
}
.newslist-video ul li p.name a
{
    color:#fff;
}-soffer
{
    margin: 6px 0;
    color: #58585a;
    font-size: 13px;
    height:15px;
}
.hpl18-item-ul .hpl18-item-li .hpl18-item-soffer span
{
    color: #e3007b;
    font-weight: bold;
}
.hpl18-item-ul .hpl18-item-li .hpl18-item-soffer-avatar ul
{
    border: 1px solid #fdcc0c;
    background-color: #fff;
    overflow: hidden;
    height: 32px;
    line-height: 30px;
    width: 100%;
}
.hpl18-item-ul .hpl18-item-li .hpl18-item-soffer-avatar ul li
{
    float: left;
    padding:0 3px;
}
.hpl18-item-ul .hpl18-item-li .hpl18-item-soffer-avatar ul li.title
{
    padding: 0 5px;
    background-color: #e3007b;
    color: #fff200;
}
.hpl18-item-ul .hpl18-item-li .hpl18-item-soffer-avatar ul li img
{
    max-width: 37px;
    max-height: 25px;
}
/*---- Video ----*/
.home-video-title a
{
    display:block;
    margin:20px 0 10px;
    color: #333;
    font-size:20px;
}
.newslist-video
{
    
}
.newslist-video ul li
{
    position:relative;
    float:left;
    width:285px;
    height:150px;
    margin-bottom:15px;
}
.newslist-video ul li:nth-child(1)
{
    margin-right:15px;
    width:575px;
    height:315px;
}
.newslist-video ul li:nth-child(1) img
{
    width:100%;
    height:315px;
}
.newslist-video ul li img
{
    width:100%;
    height:100%;
}
.newslist-video ul li:nth-child(2),
.newslist-video ul li:nth-child(4)
{
    
}
.newslist-video ul li:nth-child(3),
.newslist-video ul li:nth-child(5)
{
    float:right;
}
.newslist-video ul li p.name
{
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 2;
    cursor: pointer;
    font-size: 14px;
    color: #fff;
    padding: 5px 10px;
    line-height: 18px;
    background: rgba(0,0,0,.6);
}
.newslist-video ul li p.name a
{
    color:#fff;
}