/*播放视频*/

.modal-header h3, .modal-header .title, .modal-hd h3, .modal-hd .title {
    margin: 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 32px;
    color: #424242;
}

.modal-hd {
    position: relative;
    height: 32px;
    width: 840px;
    margin-left: auto;
    margin-right: auto;
    padding: 14px 20px;
    background-color: #f5f5f5;
}

h3 {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

.modal-backdrop, .modal-backdrop.fade.in {
    opacity: 0.5;
    filter: alpha(opacity=50)\9;
}
.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0)\9;
}

.modal-backdrop {
    position: fixed !important;
    _position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}

.fade {
    opacity: 0;
    filter: alpha(opacity=0)\9;
	-moz-transition:opacity .15s linear; /* Firefox 4 */
	-webkit-transition:opacity .15s linear; /* Safari and Chrome */
	-o-transition:opacity .15s linear; /* Opera */
	transition: opacity .15s linear;
}

.modal {
    position: fixed !important;
    top: 50%;
    left: 50%;
    _position: absolute;
    _top: 15%;
    _margin-top: 0;
    z-index: 1050;
    width: 660px;
    margin-left: -330px;
    margin-top: -300px;
    background-color: #fff;
    outline: none;
}

.modal-video {
    width: 880px;
    height: 596px;
    margin-top: -298px;
    margin-left: -440px;
    -webkit-box-shadow: 0 18px 30px rgba(0,0,0,0.18);
    box-shadow: 0 18px 30px rgba(0,0,0,0.18);
}



.modal.fade {
    -moz-transition:opacity .4s linear, top .4s ease-out; /* Firefox 4 */
	-webkit-transition:opacity .4s linear, top .4s ease-out; /* Safari and Chrome */
	-o-transition:opacity .4s linear, top .4s ease-out; /* Opera */
	transition: opacity .4s linear, top .4s ease-out;
    top: -25%;
}

.fade.in {
    opacity: 1;
    filter: alpha(opacity=100)\9;
}

.modal.fade.in {
    top: 50%;
    _top: 15%;
}


.modal-video .modal-bd {
    max-height: 536px;
    padding: 0;
    position: relative;
    display: block;
}

.modal-hide {
    display: none;
}

.modal .close {
	position: absolute;
	top: 14px;
	right: 14px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #757575;
	cursor: pointer;
	-webkit-transition: all .2s;
	transition: all .2s;
	z-index: 10;
	border-radius: 15px
}

.modal .close img{
	margin: 8px;
}

.modal .close:hover {
	color: #fff;
	background-color: #e53935
}