@charset "utf-8";
html, body { width: 100%;}
a:hover { text-decoration: none; }
#willesPlay {margin:0 auto; box-shadow: 0px 0px 15px #333333; position: relative; }
#willesPlay .playContent { position: relative; height: auto; overflow: hidden; background: #000; cursor: pointer; }
#willesPlay .playContent .playTip { position: absolute; width:80px; height: 80px; text-align: center; line-height: 70px; top: 50%; left: 50%; margin-left: -40px; margin-top: -40px; background: #c3251d; font-size: 30px; border: 3px solid #FFFFFF; border-radius:100%; color: #fff; cursor: pointer; }
#willesPlay .playControll { position: absolute; z-index: 2147483650; width: 100%; height: 48px; bottom: -48px; background: url(../images/playheader.jpg) repeat-x; -moz-user-select: none; -webkit-user-select: none; user-select: none; }
#willesPlay .fullControll { background: rgba(0,0,0,.5); }


#willesPlay .fullControll .timebar span { color: #FFFFFF; }
#willesPlay .playControll .playPause { float: left; width: 20px; height: 25px; background: url(../images/control_01.png) 0px 0px no-repeat; margin: 11px 0px 0px 12px; cursor: pointer; }
#willesPlay .playControll .playIcon { background-position: 0px -32px; }
#willesPlay .playControll .timebar { float: left; width: calc(100% - 145px); line-height: 48px; overflow: hidden; margin: 0 auto; margin: 0px 0px 0px 20px; }
#willesPlay .playControll .timebar .progress { float: left; width: 60%; margin: 19px 5px; height: 10px; cursor: pointer; }
#willesPlay .playControll .timebar span { float: left; width:15%; text-align: center; }
#willesPlay .otherControl { float: right; position: relative; }
#willesPlay .otherControl span { display: inline-block; width: 30px; height: 30px; text-align: center; line-height: 30px; vertical-align: middle; font-size: 20px; margin: 9px 7px;cursor: pointer; }
#willesPlay .otherControl span:nth-child(1) { font-size: 28px; color: #c3251d; }
#willesPlay .otherControl span:nth-child(2) { color: #919597; }
#willesPlay .otherControl .volumeBar { display: none; position: absolute; top: -110px; left: 4px; width: 26px; height: 100px; background: #f1f2f2; border-radius: 4px; cursor: pointer; }
#willesPlay .otherControl .volumeBar:after { content: ""; display: block; position: absolute; bottom: -7px; left: 5px; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #f1f2f2; }
#willesPlay .otherControl .volumeBar .volumewrap { background: #a2a7aa; width: 8px; height: 80px; position: absolute; bottom: 10px; left: 9px; border-radius: 4px; }
#willesPlay .otherControl .volumeBar .progress { background: none; }
#willesPlay .otherControl .volumeBar .progress-bar { position: absolute; bottom: 0px; left: 0px; border-radius: 4px; }
video::-webkit-media-controls-enclosure { display: none !important;}
#playVideo{ width:100%;}