body{
            padding: 0;
            margin: 0;
        }

        #mediaCont{
            margin: 0 auto;
            width: 300px;
            height: 400px;
            overflow: visible;
            position: relative;
            border: 1px solid #eeeeee;
        }
		
		#mediaCont.audio{
			margin: 120px auto 0 auto;
		}

        #mediaCont video{
            width: 100%;
        }

        #mediaCont #mediaFile{
            position: relative;
            z-index: 1 !important;
        }

        .playCont{
            position:absolute;
            bottom: 0;
            left: 0;
            top: auto;
            height: 50px;
            width: 99.7%;
            border-top: 1px solid #eeeeee;
            z-index: 2;
			background-color: #ffffff;
        }

        .playCont .playCtrl{
            width: 14%;
            height: 50px;
            overflow: visible;
            float: left;
			position: relative;
        }

        .playCont .playCtrlVol{
            width: 14%;
            height: 50px;
            overflow: visible;
            float: left;
            position: relative;
        }
		
		.playCont .playCtrlVol.video{
			width: 28%;
		}

        .playCont .playTrackBar{
            width: 71%;
            height: 50px;
            overflow: visible;
            border-left: 1px solid #eeeeee;
			border-right: 1px solid #eeeeee;
            float: left;
            position: relative; 
        }
		
		.playCont .playTrackBar.video{
			width: 57%;
		}

        .playCont .playTrackBar .meTrackBarTotal{
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 20px;
            background-color: #702a70;
            z-index: 3;
        }

        .playCont .playTrackBar .meTrackBarTotal .meTrackBarCurr{
            position: absolute;
            top: 0;
            left: 0;
            width: 1%;
            height: 20px;
            background-color: #f26631;
            z-index: 4;
        }

        .playCtrl .mePauseBtn
		,.playCtrl .mePlayBtn
		,.playCtrlVol .meFullBtn
		,.playCtrlVol .meVolBtn{
            position: absolute;
            bottom:0;
            left: 0;
            top: auto;
            display: block;
            overflow: visible;
            height: 50px;
            width: 100%;
            z-index: 10;
			background-size: 30px 30px;
			background-position: center center;
			background-repeat: no-repeat;
        }
		
		.playCtrl .mePlayBtn{
			background-image: url('/Images/mP/Play.png');
		}
		
        .playCtrlVol .meFullBtn{
            bottom: 0px;
			background-image: url('/Images/mP/Full-Screen.png');
			background-color: #ffffff;
			border-left: 1px solid #eeeeee;
			left: auto;
			width: 50%;
			right: 0;
        }
		
		.playCtrl .mePauseBtn{
			background-image: url('/Images/mP/Pause.png');
		}
		
		.playCtrlVol .meVolBtn{
			background-image: url('/Images/mP/Volume.png');
		}
		
		.playCtrlVol .meVolBtn.video{
			width: 50%;
		}

		.playTrackBar .meTimestamp
		{
            float: left;
            /*background-color: #000;*/
            color: #702a70;
            padding: 3px;
            display: inline;
			font-family: "Gotham SSm A", "Gotham SSm B", "Franklin Gothic", Arial, "Helvetica", sans-serif;
        }

        .playTrackBar .meTimestamp.meDuration
		{
            float: right;
			font-family: "Gotham SSm A", "Gotham SSm B", "Franklin Gothic", Arial, "Helvetica", sans-serif;
        }

        .playTrackBar .meDurationCont{
            float: right;
            position: absolute;
            z-index: 4;
            top:auto;
            bottom:0;
            right:0;
            width: 100%;
        }

        .playCont .playCtrlVol .meVolCont {
            height: 100px;
            width: 100%;
            overflow: visible;
            /*background-color: #f26631;*/
            display: block;
            position: absolute;
            top: -100px;
        }

        .playCont .playCtrlVol .meVolCont .meVolTotal {
            height: 100%;
            width: 30px;
            overflow: visible;
            background-color: #702a70;
            display: block;
            position: relative;
            margin: 0 auto;
        }

        .playCont .playCtrlVol .meVolCont .meVolTotal .meVolCurr {
            height: 100%;
            width: 30px;
            overflow: visible;
            background-color: #f26631;
            display: block;
            position: absolute;
            margin: 0 auto;
            top: auto;
            bottom: 0;
            left: 0;
        }

        .cursor{
            cursor: pointer;
        }

        @media(device-width: 768px) and (device-height: 1024px) and (orientation:portrait)
        {
            #mediaFile.fullscreen{
                top: 25%;
                left: 0;
            }

            #mediaCont.fullscreen{
                position: fixed;
                border: none;
                margin: 0;
                padding: 0;
                height: 100%;
                width: 100%;
                background-color: #000000;
                z-index: 10000000000;
            }
        }

        @media(device-width: 768px) and (device-height: 1024px) and (orientation:landscape){
            #mediaFile.fullscreen{
                top: 2%;
                left: 0;
            }

            #mediaCont.fullscreen{
                position: fixed;
                border: none;
                margin: 0;
                padding: 0;
                height: 100%;
                width: 100%;
                background-color: #000000;
                z-index: 10000000000;
            }
        }

        @media(min-width: 200px){
            #mediaFile.fullscreen{
                top: 25%;
                left: 0;
            }

            #mediaCont.fullscreen{
                position: fixed;
                border: none;
                margin: 0;
                padding: 0;
                height: 100%;
                width: 100%;
                background-color: #000000;
                z-index: 10000000000;
            }
        }

        @media(min-width: 400px){
            #mediaFile.fullscreen{
                top: 1%;
                left: 0;
            }

            #mediaCont.fullscreen{
                position: fixed;
                border: none;
                margin: 0;
                padding: 0;
                height: 100%;
                width: 100%;
                background-color: #000000;
                z-index: 10000000000;
            }
        }