#SubProductHightLightContent{}
#SubProductHightLightContent .titleHead{ font: normal 28px UTMBebas;color: #084a7a}
#SubProductHightLightContent .titleHead a{ color: #084a7a;padding-bottom: 8px;display: inline-block;background: url(bgline.png) no-repeat bottom left;}
#SubProductHightLightContent .titleHead a:hover{color: #00adef}

#SubProductHightLightContent .block{}
#SubProductHightLightContent .block .head{ position: relative;}
#SubProductHightLightContent .block .head .btnNext,#SubProductHightLightContent .block .head .btnPrev{ display: block;position: absolute;width: 30px;height: 30px;cursor: pointer;top: 5px;}

#SubProductHightLightContent .block .head .btnNext{ background: url(next.png) no-repeat;right: 0px;opacity: 0.8}
#SubProductHightLightContent .block .head .btnPrev{ background: url(prev.png) no-repeat;right: 34px;opacity: 0.8}
#SubProductHightLightContent .block .head .btnNext:hover{ opacity: 1;}
#SubProductHightLightContent .block .head .btnPrev:hover{ opacity: 1;}

#SubProductHightLightContent .block .slideProduct{ width: 300px !important;margin-top: 20px;}
#SubProductHightLightContent .block .slideProduct ul{ margin: 0;padding: 0;list-style: none;}
#SubProductHightLightContent .block .slideProduct ul li{ width: 142px;margin-right: 15px;}
#SubProductHightLightContent .block .slideProduct ul li .item{}
#SubProductHightLightContent .block .slideProduct ul li .item .frameOut{ width: 140px;height: 115px;display: table;border: 1px solid #e7e7e7;background: #fff;}
#SubProductHightLightContent .block .slideProduct ul li .item .frameOut .frameIn{ width: 140px;height: 115px;display: table-cell;text-align: center;vertical-align: middle}
#SubProductHightLightContent .block .slideProduct ul li .item .frameOut .frameIn img{ max-width: 140px;max-height: 115px;}
#SubProductHightLightContent .block .slideProduct ul li .item .pName{ font: bold 14px/24px Arial;color: #333;display: block;margin: 10px 0;min-height: 72px;}
#SubProductHightLightContent .block .slideProduct ul li .item:hover .pName{ color: #00adef;}