﻿/* - - - - - - - - - 各浏览器样式默认值标准化  - - - - - - - - -*/
html,body,span,object,iframe,h1,h2,h3,h4,h5,p,blockquote,pre,
a,address,code,
del,em,img,dl,dt,dd,ol,ul,li,
fieldset,form,label{
margin:0;padding:0;border:0;
font-style:inherit;font-family:inherit;vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,audio,video{margin:0;padding:0;display: block;}
html{-webkit-text-size-adjust:none;}
img{border:none;vertical-align:middle;}
input,select,button{padding:0;margin:0;outline:none;font-family:inherit;vertical-align:middle;}
textarea{font-family:inherit;padding:0;margin:0;}
button{cursor:pointer;}
html{height:100%;position: relative;}
body{font-size:12px;min-width:320px;background-color:#fff;font-family:'Microsoft YaHei';height:100%;position: relative;}
ul,ol{list-style-type:none;}
h1{font-size:24px;}
h2{font-size:18px;}
h3,h4{font-size:14px;}
h5{font-size:12px;}
i,em,address{font-style:normal;}
a{ text-decoration:none;color:#4f4f4f;}
a:hover{text-decoration:underline;transition:color 200ms linear 0s,background-color 200ms linear 0s,border-color 200ms linear 0s;}	/*鼠标悬停时*/
a:active{}	/*点击与释放时*/
a:visited{}/* 访问过 */
/*  - - - - - - - - - 常用类样式  - - - - - - - - -*/
.photo_fullsize img{display:block;width:100%;height:100%;}	/*图片全尺寸*/
.no_bor{ border:none!important;}	/*无边框*/
.no_bg{ background:none!important;}	/*无背景*/
.clear{ display:block;height:0; line-height:0;overflow:hidden; clear:both;font-size:0;}/*清除浮动*/
.clear_::after{content:"";display:block; clear:both;height:0; line-height:0; overflow:hidden;}/*清除浮动*/
.center{margin:0 auto;width:1600px;}	/*让内容区块居中*/

/*HOW TO CREATE AN VIDEO PLAYER [TUTORIAL]"How to create an Video Player [Tutorial]" was specially made for DesignModo by our friend Valeriu Timbuc.Links:http://vtimbuc.net/https://twitter.com/vtimbuchttp://designmodo.comhttp://vladimirkudinov.com*//* Reset CSS */
.mejs-inner,.mejs-inner div,.mejs-inner a,.mejs-inner span,.mejs-inner button {margin:0;padding:0;border:none;outline:none;}
/* Video Container / General Styles */.mejs-container {position:relative;background:#000000; z-index:1000;}
.mejs-inner {position:relative;width:inherit;height:inherit;}
.me-plugin {position:absolute;}
.mejs-container-fullscreen .mejs-mediaelement,.mejs-container-fullscreen video,.mejs-embed,.mejs-embed body,.mejs-mediaelement {width:100%;height:100%;}
.mejs-embed,.mejs-embed body {margin:0;padding:0;overflow:hidden;}
.mejs-container-fullscreen {position:fixed;left:0;top:0;right:0;bottom:0;overflow:hidden;z-index:1000;}
.mejs-poster img {display:block;}
.mejs-background,.mejs-mediaelement,.mejs-poster,.mejs-overlay {position:absolute;top:0;left:0;}
.mejs-overlay-play {cursor:pointer;}
.mejs-inner .mejs-overlay-button {position:absolute;top:50%;left:50%;width:50px;height:50px;margin:-25px 0 0 -25px;background:url(../media/play.png) no-repeat;}
/* Controls Container */.mejs-container .mejs-controls {position:absolute;width:100%;height:34px;left:0;bottom:0;background:rgb(0,0,0);/* IE8- */background:rgba(0,0,0,.7);}
/* Controls Buttons */.mejs-controls .mejs-button button {display:block;cursor:pointer;width:16px;height:16px;background:transparent url(../media/controls.png);}
/* Play & Pause Button */.mejs-controls div.mejs-playpause-button {position:absolute;top:12px;left:15px;}
.mejs-controls .mejs-play button,.mejs-controls .mejs-pause button {width:12px;height:12px;background-position:0 0;}
.mejs-controls .mejs-pause button {background-position:0 -12px;}
/* Mute & Unmute */.mejs-controls div.mejs-volume-button {position:absolute;top:12px;left:45px;}
.mejs-controls .mejs-mute button,.mejs-controls .mejs-unmute button {width:14px;height:12px;background-position:-12px 0;}
.mejs-controls .mejs-unmute button {background-position:-12px -12px;}
/* Full-Screen Button */.mejs-controls div.mejs-fullscreen-button {position:absolute;top:7px;right:7px;}
.mejs-controls .mejs-fullscreen-button button,.mejs-controls .mejs-unfullscreen button {width:27px;height:22px;background-position:-26px 0;}
.mejs-controls .mejs-unfullscreen button {background-position:-26px -22px;}
/* Volume Slider */.mejs-controls div.mejs-horizontal-volume-slider {position:absolute;cursor:pointer;top:15px;left:65px;}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {width:60px;background:#d6d6d6;}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {position:absolute;width:0;top:0;left:0;}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {height:4px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
/* Progress Bar */.mejs-controls div.mejs-time-rail {position:absolute;width:100%;left:0;top:-10px;}
.mejs-controls .mejs-time-rail span {position:absolute;display:block;cursor:pointer;width:100%;height:10px;top:0;left:0;}
.mejs-controls .mejs-time-rail .mejs-time-total {background:rgb(152,152,152);/* IE8- */background:rgba(152,152,152,.5);}
.mejs-controls .mejs-time-rail .mejs-time-loaded {background:rgb(0,0,0);/* IE8- */background:rgba(0,0,0,.3);}
.mejs-controls .mejs-time-rail .mejs-time-current {width:0;}
/* Progress Bar Handle */.mejs-controls .mejs-time-rail .mejs-time-handle {position:absolute;cursor:pointer;width:16px;height:18px;top:-3px;background:url(../media/handle.png);}
/* Progress Bar Time Tooltip */.mejs-controls .mejs-time-rail .mejs-time-float {position:absolute;display:none;width:33px;height:23px;top:-26px;margin-left:-17px;background:url(../media/tooltip.png);}
.mejs-controls .mejs-time-rail .mejs-time-float-current {position:absolute;display:block;left:0;top:4px;font-family:Helvetica,Arial,sans-serif;font-size:10px;font-weight:bold;color:#666666;text-align:center;}
.mejs-controls .mejs-time-rail .mejs-time-float-corner {display:none;}
/* Green Gradient (for progress and volume bar) */.mejs-controls .mejs-time-rail .mejs-time-current,.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current{background:#3b82c0;background: linear-gradient(top , rgb(60, 130, 190) 10% , rgb(33, 103, 166) 90%);
background: -o-linear-gradient(top , rgb(60, 130, 190) 10% , rgb(33, 103, 166) 90%);
background: -ms-linear-gradient(top , rgb(60, 130, 190) 10% , rgb(33, 103, 166) 90%);
background: -moz-linear-gradient(top , rgb(60, 130, 190) 10% , rgb(33, 103, 166) 90%);
background: -webkit-linear-gradient(top , rgb(60, 130, 190) 10% , rgb(33, 103, 166) 90%);
}



