﻿/* - - - - - - - - - 各浏览器样式默认值标准化  - - - - - - - - -*/
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{overflow-x:hidden;}
body{font-size:12px;background-color:#ffffff;font-family:'Microsoft YaHei';}
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;color:#139b51;}
a:active{}	/*点击与释放时*/
a:visited{}/* 访问过 */
/*  - - - - - - - - - 常用类样式  - - - - - - - - -*/
.photo img,.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:1200px;}	/*让内容区块居中*/
/*.btn_backtop{display:none;cursor:pointer;height:27px;width:57px;position:fixed;_position:absolute;left:50%;margin-left:659px;bottom:20px;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));_bottom:auto;z-index:1000;background:url(../images/icon_backtop.png) no-repeat 15px 12px;background-color:#139b51;text-align:center;color:#fff;padding-top:31px;}
.btn_backtop:hover{text-decoration:none;background-color:#19b05d;color:#fff;}*/
.border_top,.border_right,.border_bottom,.border_left{overflow:hidden;line-height:0;position:absolute;background-color:#139b51;}
.border_top{left:50%;top:0;height:4px;}
.border_right{top:50%;right:0;width:4px;}
.border_bottom{left:50%;bottom:0;height:4px;}
.border_left{top:50%;left:0;width:4px;}
.text::-webkit-input-placeholder{color:#9a9a9a;}
.text:-moz-placeholder{color:#9a9a9a;}
.text::-moz-placeholder{color:#9a9a9a;}
.text:-ms-input-placeholder{color:#9a9a9a;}

/*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:#82d344;background:-webkit-linear-gradient(top,#82d344 0%,#51af34 100%);background:-moz-linear-gradient(top,#82d344 0%,#51af34 100%);background:-o-linear-gradient(top,#82d344 0%,#51af34 100%);background:-ms-linear-gradient(top,#82d344 0%,#51af34 100%);background:linear-gradient(top,#82d344 0%,#51af34 100%);}

	
#videoplayWindow{position:fixed;width:1000px;height:600px;border:4px solid #4e4e4e; left:50%;top:50%;margin-left:-500px;margin-top:-320px;background:#000;z-index:113501;}
#videoplayWindow .videoBox{position:absolute;left:0;top:0;width:100%;height:100%;}
#videoplayWindow ._btn_play{width:64px;height:64px;background:url(../images/icon_video.png) no-repeat left top;position:absolute;left:50%;top:50%;margin-left:-32px;margin-top:-32px;z-index:12000;cursor:pointer;}
#videoplayWindow .btn_closewindow{width:75px;height:75px;position:absolute;left:100%;top:-4px;margin-left:4px;background:#4e4e4e url(../images/icon_close.png) no-repeat center center;cursor:pointer;}
#videoplayWindow .btn_closewindow:hover{background-color:#FF1B1B;}
#videoplayWindow video{width:100%;height:100%;display:block;}
#videoplayWindow_zz{position:fixed;left:0;top:0;right:0px;bottom:0px;z-index:113500;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADAQMAAABs5if8AAAAA1BMVEUSEhIzlUtfAAAAAXRSTlOZyTXzhgAAAApJREFUCNdjAAMAAAYAAegKKqQAAAAASUVORK5CYII=) repeat left top;}

.hardProducthezi{ display:flex;   font-size:16px;  }
.hardProducthezi li{ width:25%; text-align:center;}
.hardProducthezi p{ line-height:40px;}