﻿/*CSS*/

@charset "utf-8";

.picInforRight ul li {
    float: right;
}

ul.applyInfoSubnav {
    display: none;
}

.focusPicInfo img,
img.searchIcon,
.productLeft img,
.videoRight img,
.videoWrap img,
ul.applyInfoNav li a,
li.curFirCatalog ul.applyInfoSubnav,
.videoBtnArea a ,
.productLi ,
.videoBtnArea {
    display: block;
}

.iconApplyInfo,
ul.applyInfoSubnav li span ,
.iconTriangle ,.iconAddress ,.iconCode ,.iconNum {
    display: inline-block;
}

.iconApplyInfo,
ul.applyInfoSubnav li span {
    vertical-align: top;
}

.iconTriangle ,.iconAddress ,.iconCode ,.iconNum {
    vertical-align: middle;
}

img.searchIcon,
p.searchResult ,
.focusPicInfo img {
    margin: 0 auto;
}

.focusPicTitle {
    font-size: 22px;
}

p.searchKeyword ,.noticeNewTitle {
    font-size: 18px;
}

p.systemName ,
.playerRelate p {
    font-size: 16px;
}

.focusPicBrief p ,
.noMatch p ,.contactMesLi ,.picInforRight ul li a p {
    font-size: 14px;
}

p.systemName,
ul.applyInfoNav li a ,.noticeNewTitle {
    font-weight: bold;
}

p.searchKeyword,
p.systemName,
.productRightBottom,
ul.applyInfoNav li a,
ul.applyInfoSubnav li ,
.noMatch p ,
p.systemName, 
p.useSituation ,
a.noAvailable p.useSituation span {
    color: #313131;
}

.focusPicTitle,
p.searchResult {
    color: #333;
}

.videoWrap {
    position: relative;
}

.videoWrap img,
.iconVideo,
.videoBtnArea a ,
.importVideo .videoBtnArea img {
    position: absolute;
}

.videoBtnArea a ,.picInforRight ul li a p {
    text-align: center;
}

.videoBtnArea a {
    border-radius: 4px;
}

.focusPicBrief p ,.contactMesLi ,.picInforRight ul li a p ,.noticeNewTitle {
    color: #252525;
}

.match ,.noticeNewTitle {
    margin-top: 30px;
}

.noticeNewTitle {
    margin-bottom: 30px;
}

.noMatch ,
.productLi ,
.picInforLeft ,
.picInforRight ,
.applyInfoLeft {
    margin-top: 20px;
}

img.searchIcon {
    margin-bottom: 20px;
}

.applyInfoLeft {
    margin-right: 20px;
}

.focusPicInfo img ,.focusPicBrief p {
    margin-bottom: 15px;
}

.focusPicInfo img {
	max-width: 820px;
	max-height: 320px;
}

.focusPicBrief p {
    margin-top: 15px;
}

.picInforRight ul li:first-child {
    margin-left: 15px;
}

.picInforRight ul li:last-child {
    margin-right: 0;
}

.contactMesLi ,ul.applyInfoNav li>a {
    margin-top: 10px;
}

.productLeft ,.iconAddress ,.iconAddress ,.iconCode ,.iconNum {
    margin-right: 10px;
}

ul.applyInfoNav li>a {
    margin-bottom: 10px;
}

.productRightBottom {
    margin-top: 5px;
}

ul.applyInfoSubnav li {
    margin-bottom: 5px;
}

.videoBtnArea {
    cursor: pointer;
}

span.productLen,
.usedcount,
.category {
    margin: 0 5px;
}

.keyWordRed {
	color: #de5d5d;
}

.focusPicBrief p ,.noMatch {
    line-height: 20px;
}

img.searchIcon {
    width: 60px;
    height: 72px;
}

p.searchKeyword,
.recommendRight {
    margin-top: 25px;
}

.recommendLeft {
    width: 820px;
}

.recommendRight {
    width: 300px;
}

.productLeft {
    width: 100px;
    height: 100px;
}

.productRightBottom {
    line-height: 18px;
    height: 38px;
    background-color: #f1f1f1;
    padding: 2px 10px;
}

.productLi {
    padding-bottom: 20px;
    border-bottom: 1px dashed #ccc;
}

.productLi .productRight {
    width: 710px;
}

.applyInfoCenter .productLi .productRight {
    width: 590px;
}

.applyInfoLeft {
    width: 120px;
    min-height: 534px;
    background-color: #e5f2ff;
    padding: 20px;
}

.applyInfoCenter {
    width: 700px;
}


.videoWrap img {
    width: 500px;
	height: 380px;
}

.videoRight {
    width: 230px;
    height: 460px;
}

.importVideo .videoBtnArea img ,
.videoBtnArea img {
    left: 0;
    top: 0;
}

.iconVideo {
    width: 54px;
    height: 54px;
    left: 50%;
    top: 50%;
    margin: -27px 0 0 -27px;
    background-position: 0 -14px;
}

.iconApplyInfo {
    width: 3px;
    height: 3px;
    background-position: 0 -82px;
    margin: 8px 8px 0 0;
}

li.curSecCatalog>.iconApplyInfo {
    background-position: 0 -73px;
}

ul.applyInfoSubnav li.curSecCatalog {
    color: #0084ff;
}

span.applyInfoCatalog {
    width: 108px;
}

ul.applyInfoSubnav li span {
    line-height: 18px;
}

ul.applyInfoSubnav li {
    font-weight: normal;
}

.videoBtnArea a {
    width: 124px;
    height: 40px;
    left: 168px;
    bottom: 40px;
    line-height: 40px;
    color: #fff;
    background-color: #0084ff;
}

.iconTriangle {
    width: 4px;
    height: 9px;
    background-position: 0 -291px;
    margin: 0px 0px 0 9px;
}

.noMatch .noMatchIcon {
    height: 205px;
    background-color: #f4f4f4;
    padding: 75px 0 0 0;
}

.noMatch {
    display: none;
}

.iconAddress ,.iconCode ,.iconNum {
    width: 15px;
    height: 17px;
}

.iconAddress {
    background-position: 0 -105px;
}

.iconCode {
    background-position: 0 -124px;
}

.iconNum {
    background-position: 0 -141px;
}

.contactMesLi {
    line-height: 26px;
}

.noticeNewTitle {
    line-height: 28px;
}

.picInforLeft {
    width: 620px;
}

.picInforRight {
    width: 185px;
}

.picInforRight ul li {
    width: 85px;
}

.picInforRight ul li a img {
    width: 80px;
    height: 80px;
    margin: 0 auto 5px auto;
}

.videoBtnArea {
	position: absolute;
    top: 0;
    width: 700px;
    height: 400px;
}
